Cobalt Ridge color palette — #F4F6EE · #A7CFC2 · #217BC9 · #005B78 · #4B2F4B

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Pistachio (#A7CFC2): A whisper-light, dusty teal — the color of sea glass.
• Azure (#217BC9): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#4B2F4B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Muted Cobalt Cabin color palette (#F4F6EF, #A9CFBD, #1881B3, #005D6D, #174339)
• Washed Cobalt Study color palette (#F7F0EA, #A3CEEC, #597BB9, #005A61, #321428)
• Ancient Azure Dune color palette (#C0E6F5, #1FACE0, #0074A5, #004F7F, #33315C)
• Tempered Alley color palette (#FFF0FE, #E1D6F5, #B2A9F6, #3E6F98, #503B4C)
• Aged Periwinkle Corridor color palette (#FFF1F6, #A9DCFF, #7496CE, #197A81, #363659)
• Soft Byzantium color palette (#F8D9F5, #4073DF, #A72FA4, #00686A, #382336)
• Quiet Courtyard color palette (#D8F6EC, #1796DB, #15921D, #005C8B, #1F3E1E)
• Navy Field color palette (#DFE3D7, #5B85AA, #003B78, #00202F, #00032A)

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