Softworn Cobalt Harbor color palette — #ECF8F5 · #E3D4CD · #CCB6A0 · #447BAC · #0E231E

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

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Bone (#E3D4CD): bright and airy, almost weightless.
• Stone (#CCB6A0): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#447BAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#0E231E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Lagoon Station color palette (#F0F7F1, #CDE2E4, #E8C4C9, #0D878A, #162217)
• Cerulean Archive color palette (#FAF2FA, #E7D7D7, #A8B3A4, #6B8BB9, #322C32)
• Hushed Denim Delta color palette (#FCF1FA, #EBD3D0, #D8AFAF, #495D94, #130812)
• Denim Meadow color palette (#EAEFF5, #C6CCDA, #9E9DB7, #00559E, #252F3A)
• Hushed Fern color palette (#E9F8FF, #B6B5ED, #AA7E91, #585806, #26260A)
• Pale Olive Loft color palette (#FFF3E7, #C9BE5A, #4F8733, #5F456B, #201700)
• Aubergine Harbor color palette (#F4E8EA, #D3B2AC, #A38C7F, #58215C, #040001)
• Deep Indigo Station color palette (#FFD8F0, #6850FF, #371536, #080F13, #0A0106)

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