Cobalt Market color palette — #FFF1F6 · #ADC9E0 · #5778B2 · #005F66 · #36355D

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#ADC9E0): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5778B2): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005F66): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#36355D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Archive color palette (#FFF0F8, #6BC5E7, #0072BA, #005652, #1D2D68)
• Worn Forest color palette (#FCF2F8, #9FCEDA, #308597, #02633B, #0F3F59)
• Antique Workshop color palette (#F1F3EC, #A6D3C4, #4280BB, #005772, #0A203F)
• Timeworn Azure color palette (#EEF7F7, #C2D7EA, #5A9AD8, #007799, #203B60)
• Petrol Loft color palette (#EEF6FF, #D6DAFF, #C6A3C9, #2A7783, #323F56)
• Dusty Coast color palette (#FCE8F5, #399EB2, #005071, #003128, #001231)
• Dusty Harbor color palette (#E1F1FF, #3A96D2, #A26C13, #005C8C, #4B2E00)
• Feathered Cobalt color palette (#D1E7FF, #207CCE, #9B5B00, #7A5200, #172D43)

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