Cobalt Harbor color palette — #FAF0E8 · #9ECFEC · #567AC0 · #005C55 · #311625

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

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Sky (#9ECFEC): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#567AC0): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005C55): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#311625): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Aged Cobalt Basin color palette (#FBEFE9, #ACD2B9, #2B83BD, #005E44, #151D40)
• Timeworn Canyon color palette (#FEF1F7, #A0DEFE, #7596CC, #217B71, #39355A)
• Bronze Quarry color palette (#D7F0E3, #00A0CA, #AA6C00, #005E78, #2A1700)
• Patina Mallow color palette (#DEF9EE, #D2E0FF, #DD92CD, #007B71, #301F2F)
• Antique Grove color palette (#DBF7F0, #00A9B7, #00709B, #0E4288, #19173D)
• Aged Cerulean color palette (#F3E2DB, #3B99A3, #00506F, #002E18, #000217)
• Chalky Cobalt Parlor color palette (#CBFFF2, #70B0EF, #006DB7, #003767, #000D20)
• Weathered Navy color palette (#E7DCD2, #4C7F9E, #0E2997, #001F1E, #020008)

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