Cobalt Harbor color palette — #ECF9EF · #FFCCE1 · #BE9B76 · #5272AA · #4B384A

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

The five colors

• Ivory (#ECF9EF): a clean, paper-quiet neutral.
• Shell Pink (#FFCCE1): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#BE9B76): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5272AA): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4B384A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Timeworn Meadow color palette (#E5FBF4, #E1D5FF, #D28B91, #297E94, #413B52)
• Pewter Coast color palette (#FFF0F8, #FFD1BE, #9BA975, #7E64A0, #324531)
• Worn Petrol Cabin color palette (#FFF1F5, #EBC399, #C08F59, #007696, #552C12)
• Driftwood Lantern color palette (#ECF8F6, #CED8EE, #8CB6C6, #8E7E9E, #344B4D)
• Pale Harbor color palette (#FEF4E3, #FFBEAF, #D6A45D, #4D99A1, #6D3802)
• Wandering Apricot Loft color palette (#FEF1F7, #D99F7C, #445B4E, #37252E, #130D13)
• Aged Coral Terrace color palette (#E5F7E9, #E39481, #917249, #1E5C62, #37262F)
• Tempered Studio color palette (#F9F3F8, #D5D4E3, #B2C5F2, #55A47D, #3D4E68)

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