Cerulean Ridge color palette — #EFF6FF · #7391C1 · #9D7656 · #7B5637 · #313E4F

Slate Blue and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Slate Blue (#7391C1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#9D7656): A full-bodied, dusty gold — the color of honey in a jar.
• Coffee (#7B5637): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#313E4F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Courtyard color palette (#F3F4FF, #9883C2, #748755, #546734, #393B4F)
• Antique Driftwood Corridor color palette (#F5F3FF, #9A79AB, #855260, #575314, #263641)
• Hushed Fern color palette (#EAF6E9, #50A5A0, #9C7D53, #646200, #1A2619)
• Ancient Driftwood color palette (#F2F5FC, #DDD8DF, #B6A8A4, #7381A3, #4E525C)
• Hushed Bronze color palette (#E8F9FC, #6ABDAD, #BE9263, #8E7922, #274246)
• Muted Petrol color palette (#F0F6FC, #A1C5E6, #A36A7A, #41719C, #322A35)
• Weathered Atelier color palette (#EFF6FF, #B6B8E8, #8F75A6, #7C476B, #712E3F)
• Antique Sapphire Bloom color palette (#F0F5FF, #4869E5, #6B6B00, #4D4D00, #1B2851)

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