Cerulean Ridge color palette — #FCF4E7 · #A2F7F9 · #0DA3BB · #006C57 · #00222F

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sea Foam (#A2F7F9): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#0DA3BB): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006C57): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cerulean 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

• Wandering Azure color palette (#FCF4E8, #C7ECFF, #2699E8, #006871, #0C1D3B)
• Aged Market color palette (#F2EBE0, #5FAFC3, #005D7C, #002B29, #000103)
• Washed Turquoise color palette (#FAF4EC, #D2D9EC, #60B2D0, #227F74, #00382A)
• Cobalt Hollow color palette (#FCF4E8, #82DAF5, #0084B8, #005151, #000D1E)
• Muted Glacier color palette (#F3FAD1, #C8F2F5, #4EDEEF, #778A52, #192705)
• Worn Parlor color palette (#FAF4EC, #D7D5E2, #8DC1EE, #4F8D95, #4E354D)
• Mint Balcony color palette (#DDFFE8, #46EA9A, #009458, #004122, #000803)
• Ultramarine Atelier color palette (#F8ECDA, #7ABFF2, #1964C2, #003C48, #010014)

Browse the whole catalog at Explore, or see today's palette.