Cerulean Ridge color palette — #FBF2F9 · #BDE4F2 · #4695B4 · #297159 · #324A62

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Powder Blue (#BDE4F2): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4695B4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#297159): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#324A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Patina Garden color palette (#FBF2F6, #D9DEEF, #849BBA, #327B80, #49526B)
• Hushed Cypress color palette (#F2F2EB, #CBE4CF, #4F9AA9, #006D69, #073522)
• Muted Cobalt Garden color palette (#FBF2F7, #A4CBE1, #367EB3, #006059, #28395F)
• Softworn Thicket color palette (#FBF3F0, #C3EBE3, #55CDF9, #60A98E, #2E4F47)
• Denim Meadow color palette (#EEE0E9, #5B9AAA, #004F74, #003129, #001135)
• Amber Delta color palette (#FFF0F9, #BC7358, #128B96, #007395, #482F3F)
• Terracotta Loft color palette (#FFF0FA, #D28B77, #009E9B, #A44328, #004D4C)
• Timeworn Stone color palette (#FFF0FB, #E8D4D3, #C5C88D, #8F799D, #5A4451)

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