Cobalt Harbor color palette — #DDEAFF · #556FC4 · #935200 · #005138 · #050F24

Sapphire takes the lead with Ochre close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#DDEAFF): A whisper-light, dusty violet — the color of wild irises.
• Sapphire (#556FC4): A full-bodied, balanced violet — the color of a velvet chair.
• Ochre (#935200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#005138): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#050F24): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Feathered Summit color palette (#E2E8FC, #7060D1, #6D6800, #004D54, #090E24)
• Misty Indigo Villa color palette (#E8EEFF, #605DD3, #8A5200, #28500B, #1D253C)
• Faded Brick Pier color palette (#D7EDFB, #0081A6, #AF3124, #005229, #00121E)
• Chalky Cobalt Loft color palette (#D9ECFD, #007CBC, #6F6700, #4B4500, #011120)
• Washed Lapis Pier color palette (#EDF1FF, #6752C2, #871B00, #00403E, #05081E)
• Airy Mulberry color palette (#CFF1F2, #7980D7, #933160, #004337, #15132F)
• Misty Olive color palette (#E6F4FF, #2090C8, #6B7F0F, #02587F, #0D1C26)
• Washed Denim color palette (#D4ECFF, #00597B, #504300, #002D34, #000206)

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