Cobalt Ridge color palette — #F6EEDB · #CCBB47 · #3F86D8 · #817300 · #17365A

Azure takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F6EEDB): A whisper-light, dusty gold — the color of old brass.
• Gold (#CCBB47): A luminous, balanced green — the color of new leaves after rain.
• Azure (#3F86D8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#817300): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#17365A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Linen Periwinkle Parlor color palette (#E4FCEE, #E2D052, #519AF0, #867700, #06284C)
• Patina Harbor color palette (#F4EFDD, #ADAE52, #8A8BDE, #777700, #302F5C)
• Airy Periwinkle Alley color palette (#FCEBDD, #DA9665, #7399F4, #A15200, #23335C)
• Pale Cobalt color palette (#DEF6E4, #AA892D, #4C76C6, #6C5300, #163269)
• Powdered Amber Field color palette (#F7EDDC, #DFBA5C, #8FADFF, #B38B00, #24325D)
• Iris Terrace color palette (#F5E2C4, #B88E22, #827BD6, #8B5B9C, #3A2804)
• Linen Delta color palette (#FDEFD1, #9E8400, #6A5FD8, #625100, #190053)
• Wandering Driftwood color palette (#F7E5CC, #B0B281, #987B45, #794F3A, #30312A)

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