Created at 07/17/2025 08:24
AI-Ready Design Tokens for UI Frameworks
State Indigo
#4b3f72
Layer Gray
#d3d3d3
Hover Sky
#a2d2ff
Selection Gold
#ffd700
Border Soft Black
#222222
Panel White
#fbfbfb
The palette consists of Light, Dark colors. Accent colors Hover Sky #a2d2ff and Selection Gold #ffd700. Palette has Cool, Neutral, Warm colors temperature.
Palette AI-Ready Design Tokens for UI Frameworks has combination of 6 codes colors:
HEX: #4b3f72, RGB: (75, 63, 114); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #a2d2ff, RGB: (162, 210, 255)
HEX: #ffd700, RGB: (255, 215, 0); HEX: #222222, RGB: (34, 34, 34); HEX: #fbfbfb, RGB: (251, 251, 251)
Simplified version of palette colors
Tint of darkslateblue, lightgrey, Shade of lightskyblue, gold, Shade of Black, Tint of White
Color scheme was created by raccoon
Colors codes in palette
AI-Ready Design Tokens for UI Frameworks color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | State Indigo | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Layer Gray | Pinball |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Hover Sky | — |
| #ffd700 | #ffd700 | RGB(255, 215, 0) | Selection Gold | Gold |
| #222222 | #222222 | RGB(34, 34, 34) | Border Soft Black | Black Out |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Panel White | Whiteout |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4b3f72 | #222222 | 1.7 |
#d3d3d3 | #a2d2ff | 1.06 |
#d3d3d3 | #ffd700 | 1.06 |
#d3d3d3 | #fbfbfb | 1.44 |
#a2d2ff | #ffd700 | 1.13 |
#a2d2ff | #fbfbfb | 1.53 |
