Cobalt Market color palette — #ECF7FF · #0080B5 · #5B5E00 · #003D1F · #000304

Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#0080B5): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#5B5E00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#003D1F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000304): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Cobalt Station color palette (#EFF6FF, #4174D5, #306800, #004940, #000203)
• Dusty Lagoon color palette (#E4FAFF, #009B9A, #784C00, #353700, #000301)
• Tempered Harbor color palette (#EFF6FF, #0A65C3, #285B00, #00251F, #000102)
• Misty Azure color palette (#EEF6FF, #449EE2, #557400, #005039, #000B12)
• Washed Quarry color palette (#F3F4FF, #9E63FF, #007464, #004150, #000020)
• Shadow Nightshade color palette (#E7EEFF, #4230B6, #004729, #001E1F, #000103)
• Hazy Amber color palette (#FFF0FA, #D37357, #7D5E00, #204300, #00100E)
• Tempered Meadow color palette (#F0F5FF, #91A1EC, #489662, #006766, #051725)

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