Cobalt Harbor color palette — #EAFAED · #FDAFB5 · #C79B65 · #5481CD · #4C3445

Built around Azure, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Ballet Pink (#FDAFB5): A whisper-light, balanced red — the color of embers at dusk.
• Camel (#C79B65): A luminous, balanced gold — the color of honey in a jar.
• Azure (#5481CD): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#4C3445): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Aged Cerulean color palette (#E7FBED, #E7B5DA, #D6907F, #0090B3, #46364D)
• Wandering Cobalt color palette (#F9F2FF, #EEA4C9, #9EA852, #0085C5, #532641)
• Wandering Iris Boulevard color palette (#ECFAEC, #F3B997, #A9AA5D, #7C78BC, #2B452A)
• Hushed Denim color palette (#FFF0FE, #EFC6C4, #9DC1B0, #808EAA, #444D6E)
• Patina Apricot color palette (#F0E0E6, #E59458, #5F7766, #5B414D, #1D151C)
• Amber Loft color palette (#EBFAED, #FCBB91, #C18400, #3A7243, #412A33)
• Hushed Taupe color palette (#F0F8F0, #B5E1CB, #96B87F, #AB80A0, #294A3C)
• Hazy Lapis color palette (#FCE0B3, #FF8C62, #AB9617, #4C46DF, #3F2000)

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