Cobalt Harbor color palette — #FCF2F6 · #ABC9E4 · #5C77B0 · #005E68 · #38345F

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#ABC9E4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#5C77B0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005E68): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#38345F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Dusty Cerulean Loft color palette (#FBF2F8, #A1CDDC, #2384A0, #006344, #133E5C)
• Cobalt Study color palette (#FFF0F9, #82C2DD, #0071BD, #005653, #1A2579)
• Antique Parlor color palette (#F0F3EB, #ABD1C5, #357FC8, #005774, #0D203E)
• Azure Thicket color palette (#EDF8F7, #BAD8F3, #4299EF, #00769C, #273C57)
• Weathered Thicket color palette (#FAF3F6, #D9DEEF, #809BBE, #287C81, #47526F)
• Gentle Rust color palette (#F4DCF1, #B45B58, #008063, #006773, #3A2138)
• Denim Lagoon color palette (#FAE9F5, #519CAD, #005073, #003129, #001133)
• Softworn Pewter Harbor color palette (#FCF1FF, #FECBBB, #BEA86A, #91558E, #543B52)

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