Azure Ridge color palette — #FFF2EC · #ACF4FE · #349CD3 · #006E47 · #091A47
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sea Foam (#ACF4FE): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#349CD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E47): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#091A47): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Cypress Villa color palette (#FCF3EE, #BFE6F3, #71ACE0, #138165, #242A51)
- Softworn Cobalt Cabin color palette (#FEF3EA, #92D7F6, #497BC0, #005248, #0D012F)
- Petrol Harbor color palette (#F7EAF4, #7BBEC8, #00709F, #005334, #1D2C4F)
- Tempered Denim Bloom color palette (#EDDED4, #6CACC6, #0D549C, #002C25, #010009)
- Wandering Lagoon Station color palette (#FBF4ED, #C3E3F7, #A5B9EF, #269391, #563343)
- Frosted Seafoam Corridor color palette (#DAFFEF, #60E4BB, #008D6B, #003F28, #000703)
- Muted Spruce color palette (#FFE9E3, #72C8C5, #00738D, #00420C, #000308)
- Weathered Olive color palette (#F6F9D2, #D2F3FF, #B7D8FF, #807A07, #002A20)
Browse the whole catalog at Explore, or see today's palette.