Cobalt Harbor color palette — #EAF5EA · #62BACC · #6475AF · #654D29 · #1B2E3C

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

The five colors

• Cream (#EAF5EA): bright and airy, almost weightless.
• Cyan (#62BACC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#6475AF): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#654D29): A full-bodied, dusty gold — the color of honey in a jar.
• Midnight (#1B2E3C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Pewter color palette (#E1F8F3, #89AEDD, #8C66A3, #3F5B34, #252C3C)
• Cerulean Grove color palette (#FDECF9, #80BA9F, #38839B, #784038, #193035)
• Washed Sky color palette (#E3FBFB, #62B1E2, #5B78A6, #6E4C6A, #3A4A58)
• Worn Cabin color palette (#FFF3E6, #6ACEE6, #8390BF, #866947, #364E45)
• Lagoon Atelier color palette (#E9F5F0, #A0CEC8, #52917C, #496675, #243533)
• Pale Grape Ridge color palette (#D3FEE9, #009ED1, #6530DC, #434000, #001C3A)
• Worn Turquoise Cabin color palette (#F6EFF4, #D5D2E9, #6BA3C9, #34786D, #29374A)
• Tempered Cobalt Bloom color palette (#E5EFF8, #3889C7, #333B4F, #171F27, #080D10)

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