Quiet Azure color palette — #DEF1F4 · #00A6D1 · #0072A5 · #234B88 · #373A63
Built around Cyan, softened by Slate — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF1F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00A6D1): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0072A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#234B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#373A63): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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
- Gentle Cobalt Loft color palette (#CBF3FF, #6CC7F0, #00A3ED, #0076D5, #293C6A)
- Muted Canyon color palette (#CCE9E7, #2AB7D4, #008AC9, #35579E, #3B305D)
- Softworn Canyon color palette (#D8F1E8, #00B7AF, #007C88, #00516E, #133856)
- Timeworn Navy Hollow color palette (#D3F6FF, #007CA5, #00498B, #1B1776, #22174B)
- Ultramarine Summit color palette (#EAF2FF, #71A6FF, #3A5EB4, #193270, #061D42)
- Linen Azure color palette (#E2F0FF, #1B93E9, #A66900, #005A95, #4C2E00)
- Mallow Thicket color palette (#EDF7FF, #D6D5FF, #DD9FD2, #247989, #33415A)
- Powdered Iris Studio color palette (#DCE8F8, #7690FF, #7858C5, #563577, #4F2E4D)
Browse the whole catalog at Explore, or see today's palette.