Cobalt Harbor color palette — #F7E9F8 · #FFB683 · #588AC9 · #3B587C · #1C121D

Cerulean and Cantaloupe set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7E9F8): A whisper-light, dusty pink — the color of a candy shop window.
• Cantaloupe (#FFB683): A whisper-light, balanced gold — the color of old brass.
• Cerulean (#588AC9): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#3B587C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C121D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Cabin color palette (#F7EAF3, #CCCE84, #737CE0, #4C527F, #1D121A)
• Antique Cerulean color palette (#E5F2E9, #FFB493, #0098AE, #006170, #0A1A10)
• Petrol Lantern color palette (#E5F0FB, #86C59C, #0068A6, #0D3858, #0A1723)
• Lilac Atelier color palette (#FCF2F6, #C9E9C1, #A393D2, #816371, #32282C)
• Worn Summit color palette (#FAF3F7, #E2D6D4, #D3BCB2, #9499D6, #41373D)
• Washed Ultramarine color palette (#E7D9E6, #D8971A, #1B5DD6, #123474, #060006)
• Seafoam Summit color palette (#E3FCF3, #8BE9A0, #036A9D, #012B43, #000503)
• Wandering Orchid Corridor color palette (#E9D9DB, #A8C66B, #B046B0, #663165, #150609)

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