Created at 06/27/2025 17:28
UI Kit Accessibility Engine
- Readable Gold#facc15
- Support Indigo#4f46e5
- Error Coral#f43f5e
- Success Green#22c55e
- Warning Amber#f97316
- Info Sky#60a5fa
- Background Fog#f5f5f5
The palette consists of Light, Semi dark colors. Accent colors Readable Gold #facc15 and Info Sky #60a5fa. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #22C55E (darkest) to #F5F5F5 (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #22C55E, #4F46E5, #60A5FA, #F43F5E, #F5F5F5, #F97316, #FACC15
Palette UI Kit Accessibility Engine has combination of 7 codes colors:
HEX: #facc15, RGB: (250, 204, 21); HEX: #4f46e5, RGB: (79, 70, 229); HEX: #f43f5e, RGB: (244, 63, 94)
HEX: #22c55e, RGB: (34, 197, 94); HEX: #f97316, RGB: (249, 115, 22); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f5f5f5, RGB: (245, 245, 245)
Simplified version of palette colors
Tint of gold, Tint of slateblue, Tint of indianred, Tint of limegreen, Shade of chocolate, Shade of cornflowerblue
Color scheme was created by bad_colors
Colors codes in palette
UI Kit Accessibility Engine color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #facc15 | #facc15 | RGB(250, 204, 21) | Readable Gold | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Support Indigo | — |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Error Coral | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #f97316 | #f97316 | RGB(249, 115, 22) | Warning Amber | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Info Sky | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Background Fog | White Smoke |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#facc15 | #22c55e | 1.48 |
#facc15 | #f97316 | 1.83 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #f5f5f5 | 1.4 |
#4f46e5 | #f43f5e | 1.71 |
#f43f5e | #22c55e | 1.61 |
Image palette UI Kit Accessibility Engine png
Export Palette
Download the "UI Kit Accessibility Engine" in multiple formats for seamless integration into your design projects.
Available formats: