Cerulean Ridge color palette — #FAF2F8 · #BAE4F6 · #3C93C8 · #257253 · #3A4861

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#BAE4F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3C93C8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#257253): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3A4861): A full-bodied, dusty violet — the color of a velvet chair.

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

• Aged Thicket color palette (#FAF3F5, #DADDEE, #8B96C6, #277C7F, #4F5164)
• Hushed Cypress color palette (#F6F1EA, #ACE8F5, #5597B3, #056D66, #11332A)
• Cobalt Archive color palette (#FCF2F7, #A9CADF, #3278CF, #006154, #2F3958)
• Patina Field color palette (#F0E4F0, #3B8F90, #004357, #00240A, #00091B)
• Aged Lilac color palette (#F5F3FF, #A96FB4, #008E86, #006E85, #38344A)
• Softworn Pewter color palette (#F6F3FF, #EDD7DE, #D9B986, #726EA4, #514555)
• Sunlit Pier color palette (#F0E2EA, #3C9CBB, #004B86, #003127, #0F0341)
• Weathered Powder Veranda color palette (#FDF3EE, #C0EEE8, #88C7E9, #5FA895, #573D59)

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