Azure Ridge color palette — #F3F7EC · #CDE8FF · #7DBBFF · #009ED0 · #1B3D77
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Frost (#CDE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#7DBBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#009ED0): A luminous, balanced blue — the color of open sky before noon.
- Navy (#1B3D77): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Azure Ridge 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
- Hazy Sky color palette (#F5F7E8, #B9E8E3, #25C8F7, #00A4AD, #004661)
- Periwinkle Workshop color palette (#FFF1F5, #D8D3DE, #86ACFF, #008693, #322C5F)
- Cobalt Study color palette (#E7F5F5, #A6D6FF, #3584DA, #005D7E, #0B224E)
- Soft Cobalt color palette (#E0E4D7, #89B6D5, #0088DC, #006985, #00132F)
- Dusty Amber color palette (#DDF5C9, #93C75C, #00C3C6, #DC8400, #23370B)
- Powdered Lime color palette (#F4FAD3, #B4EFE8, #64E7F0, #91C15B, #1C4D2B)
- Moss Thicket color palette (#EAEAD4, #BFCE4E, #8CB100, #5C8C00, #235106)
- Apricot Harbor color palette (#FFEAD9, #E8BF98, #E38B46, #BE6331, #492F07)
Browse the whole catalog at Explore, or see today's palette.