Misty Azure color palette — #DCF0FF · #2697F5 · #3C5DC2 · #3B3F87 · #4B2E4D
Built around Azure, softened by Cobalt — the whole palette hums with trust and stability.
The five colors
- Frost (#DCF0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#2697F5): A luminous, vivid blue — the color of a favorite pair of jeans.
- Cobalt (#3C5DC2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#3B3F87): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#4B2E4D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Misty Azure into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Linen Ultramarine color palette (#D3F0FD, #5294D4, #385FB6, #413481, #22113C)
- Indigo Bloom color palette (#DCECFF, #95BFFF, #729AFE, #5266D6, #363969)
- Dusty Iris color palette (#DEE9FF, #8098F7, #766ABD, #5D4A82, #5B3641)
- Turquoise Study color palette (#CDF7FE, #00AFD4, #0077A3, #004D7B, #24395C)
- Iris Drift color palette (#FEE7F7, #6F85E6, #8F7700, #3F4E9E, #413400)
- Dusty Sapphire Courtyard color palette (#D2E2F2, #1D6BF9, #3630C8, #330E74, #260444)
- Softworn Ash color palette (#FFF0F9, #F5D0EA, #CD93C4, #4A6897, #4A333E)
- Hushed Indigo Basin color palette (#FFD7F1, #6662EE, #B73F0D, #006C44, #3C2034)
Browse the whole catalog at Explore, or see today's palette.