Cobalt Harbor color palette — #FCF2F6 · #C4E0F7 · #668BC5 · #007076 · #3D4761

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

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#C4E0F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#668BC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007076): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3D4761): A full-bodied, dusty violet — the color of a velvet chair.

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

• Wandering Ash Grove color palette (#EAF9F8, #D0DCFB, #7DAAD1, #488399, #37495F)
• Weathered Delta color palette (#F0F3EA, #B7E9D7, #6392BC, #1C6780, #39233A)
• Aged Market color palette (#EDF6FF, #60A7DC, #C96E1C, #006BA6, #583646)
• Cobalt Meadow color palette (#B4F1F4, #40B2CE, #0085BD, #235B97, #354465)
• Denim Station color palette (#EBE0E8, #5AADB7, #00607D, #00402F, #00203D)
• Worn Forest Cabin color palette (#FCF2F8, #94D2D0, #00869E, #00633B, #143F57)
• Washed Orchard color palette (#F6E8F0, #298DA9, #004065, #00231F, #00022D)
• Airy Rust Garden color palette (#EBF7FF, #2995BC, #C6521F, #686F29, #263B48)

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