Cobalt Study color palette — #D0E3E1 · #93B6D0 · #137BB8 · #00566A · #00203E

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Silver (#D0E3E1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#93B6D0): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#137BB8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00566A): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Timeworn Harbor color palette (#E3F1ED, #80BEBC, #00858B, #005A4E, #00242A)
• Cobalt Meadow color palette (#F3F7E8, #91D5FF, #0080C9, #004E62, #000D20)
• Tempered Ultramarine Canyon color palette (#ECE1E6, #71A6C5, #0053AE, #003E40, #181844)
• Dusty Field color palette (#F7E9DE, #75CBFB, #5993E2, #007C80, #181942)
• Denim Archive color palette (#DFECEB, #679AB3, #005F8A, #003A45, #000A17)
• Hushed Cobalt Corridor color palette (#EEF7F7, #D6DBF8, #82A8D6, #1485B2, #334968)
• Wandering Cerulean Harbor color palette (#E5FBF7, #81DBE8, #009DB7, #007271, #003949)
• Chestnut Lagoon color palette (#F7D6E0, #AE8441, #875300, #5D3000, #1E1400)

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