Created at 07/21/2025 12:41
Accessible Dark UI Toolkit Flow
- Shadow Graphite#121212
- Tooltip White#f5f5f5
- CTA Orange#ffa500
- Link Sky#87ceeb
- Form Ink#1e1e1e
- Toggle Lime#b5f44a
- AltText Grey#a9a9a9
The palette consists of Dark, Light colors. Accent colors CTA Orange #ffa500 and Link Sky #87ceeb. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #121212 (darkest) to #F5F5F5 (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #121212, #1E1E1E, #87CEEB, #A9A9A9, #B5F44A, #F5F5F5, #FFA500
Palette Accessible Dark UI Toolkit Flow has combination of 7 codes colors:
HEX: #121212, RGB: (18, 18, 18); HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #ffa500, RGB: (255, 165, 0)
HEX: #87ceeb, RGB: (135, 206, 235); HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #b5f44a, RGB: (181, 244, 74)
HEX: #a9a9a9, RGB: (169, 169, 169)
Simplified version of palette colors
Shade of Black, Orange, Shade of Black, Tint of greenyellow
Color scheme was created by colorscheme
Colors codes in palette
Accessible Dark UI Toolkit Flow color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #121212 | #121212 | RGB(18, 18, 18) | Shadow Graphite | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Tooltip White | White Smoke |
| #ffa500 | #ffa500 | RGB(255, 165, 0) | CTA Orange | Orange |
| #87ceeb | #87ceeb | RGB(135, 206, 235) | Link Sky | Afternoon Sky |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Form Ink | — |
| #b5f44a | #b5f44a | RGB(181, 244, 74) | Toggle Lime | — |
| #a9a9a9 | #a9a9a9 | RGB(169, 169, 169) | AltText Grey | Darkgray |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#121212 | #1e1e1e | 1.12 |
#f5f5f5 | #ffa500 | 1.81 |
#f5f5f5 | #87ceeb | 1.59 |
#f5f5f5 | #b5f44a | 1.2 |
#ffa500 | #87ceeb | 1.13 |
#ffa500 | #b5f44a | 1.5 |
Image palette Accessible Dark UI Toolkit Flow png
Export Palette
Download the "Accessible Dark UI Toolkit Flow" in multiple formats for seamless integration into your design projects.
Available formats: