Cobalt Ridge color palette — #F1F5FC · #AAC2E4 · #A66E4D · #436AB7 · #392831

A conversation between Royal Blue and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Sky (#AAC2E4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A66E4D): A full-bodied, balanced gold — the color of honey in a jar.
• Royal Blue (#436AB7): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#392831): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Petrol Meadow color palette (#EFF7FB, #99C8DF, #A76873, #007A8F, #332A35)
• Tempered Byzantium Villa color palette (#F4F4FB, #CEB5DD, #897E41, #8752A4, #233229)
• Hushed Indigo color palette (#F6EFF3, #BFBCF4, #AC6A91, #6E66AD, #1E1212)
• Blush Studio color palette (#F3F5FB, #CDCAFF, #D37F8E, #8882C8, #332B34)
• Ancient Denim Bloom color palette (#EFF6FD, #739DBF, #966244, #005C79, #224660)
• Muted Terracotta Lagoon color palette (#F5F4FD, #8E719B, #A05351, #095A37, #333146)
• Patina Amber Bloom color palette (#F5F4FF, #DADCE6, #E4B3EB, #C67E58, #51445B)
• Worn Mulberry color palette (#EFF6FF, #B2B8DF, #A5749F, #923D55, #763510)

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