Cobalt Ridge color palette — #FBF4ED · #99CCF1 · #6175B0 · #00605E · #502E3E

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

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Sky (#99CCF1): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6175B0): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#502E3E): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, 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

• Tempered Veranda color palette (#FCF3ED, #A6D0BA, #467BB3, #006150, #343759)
• Softworn Cerulean color palette (#FDF3EE, #AAE9EF, #4494BA, #3B6F4F, #573E56)
• Tempered Cobalt color palette (#E9F4F4, #AECBE6, #4B7FB7, #005774, #0B1F40)
• Timeworn Workshop color palette (#FFF2EA, #3EC8F5, #006DCA, #005749, #2C2769)
• Powder Study color palette (#FDF2F6, #CAE4FA, #8BB1FB, #009EAB, #37355A)
• Tempered Moss Workshop color palette (#F3F0D8, #809B00, #9161AF, #4E5F00, #402B4D)
• Dusty Sky color palette (#FEF5D8, #A0EEC3, #59C0DC, #80653E, #3C3C35)
• Washed Spruce color palette (#F5E7E3, #5CAFAB, #006178, #01420B, #00203D)

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