Azure Ridge color palette — #FEF1FB · #ABF4FB · #289ECF · #0B6E3F · #051C43
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF1FB): a clean, paper-quiet neutral.
- Sea Foam (#ABF4FB): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#289ECF): A luminous, balanced blue — the color of open sky before noon.
- Pine (#0B6E3F): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#051C43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Ancient Iris color palette (#FDF1F6, #CAEBFF, #6F91D5, #006A64, #211244)
- Timeworn Thicket color palette (#FAF2F8, #D5D4E2, #65AEE4, #248061, #1E2E4C)
- Timeworn Cobalt Pier color palette (#FDF2F7, #A7D2EE, #2F7AD1, #005346, #0B022E)
- Tempered Station color palette (#FAEBE5, #82BDC3, #00719A, #00532F, #142C57)
- Denim Canyon color palette (#EFDFE8, #6EADC0, #005793, #002C22, #01000A)
- Fuchsia Grove color palette (#F6F3FF, #DE77D8, #008659, #006866, #1A0219)
- Lapis Hollow color palette (#FCE8EE, #8CBCE8, #5058C3, #003D40, #05000D)
- Washed Workshop color palette (#F5F3FF, #E9DCD8, #FCBF88, #707EBB, #311E3C)
Browse the whole catalog at Explore, or see today's palette.