Cobalt Harbor color palette — #EFF2F9 · #B4C3E9 · #A57941 · #676AA9 · #0E190D

A conversation between Slate and Mocha, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#EFF2F9): a clean, paper-quiet neutral.
• Sky (#B4C3E9): A luminous, dusty violet — the color of wild irises.
• Mocha (#A57941): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#676AA9): A full-bodied, balanced violet — the color of wild irises.
• Ink (#0E190D): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Creativity, Sophistication. Tagged duotone, 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

• Driftwood Parlor color palette (#EDF2F9, #A4C5F4, #B36B73, #4F73A5, #1A131B)
• Pewter Harbor color palette (#F3F0F7, #E0B4D1, #92824B, #975985, #0D1912)
• Patina Corridor color palette (#F4F4FB, #BDBCE0, #A76B5F, #8553A7, #352A32)
• Hushed Iris color palette (#FAF3F6, #CDCBFC, #B89563, #8881CC, #322D27)
• Tempered Cocoa color palette (#F0F0FF, #DAB8DE, #A87089, #793F2D, #412800)
• Ash Pier color palette (#E3F7F4, #B2A1D4, #9C686B, #1A5D60, #2E283D)
• Misty Grape Chapel color palette (#F0F0FF, #BF90E6, #8E6100, #7C24B1, #000D01)
• Patina Driftwood Meadow color palette (#F5EFFC, #B36C88, #756A38, #52470D, #111E27)

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