Misty Cobalt Harbor color palette — #E2F6FA · #009B8E · #566EC4 · #5B447E · #061E22

A conversation between Sapphire and Fern, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#E2F6FA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009B8E): A luminous, balanced teal — the color of shallow lagoons.
• Sapphire (#566EC4): A full-bodied, balanced violet — the color of a velvet chair.
• Plum (#5B447E): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#061E22): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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 Boulevard color palette (#E2F7F5, #539861, #0080AC, #375181, #051F1D)
• Timeworn Grape Drift color palette (#D4EEFA, #008398, #6E4EAD, #65285D, #00131C)
• Tempered Studio color palette (#E6F5F9, #20A29A, #006D97, #36357E, #2D122F)
• Muted Bronze color palette (#FEF4DE, #968000, #7E60A5, #5C4876, #36322C)
• Washed Jade color palette (#DFF9F0, #68AF7A, #007D66, #0B4A74, #002929)
• Timeworn Nightshade color palette (#FAEEF5, #B45E3D, #554AA6, #5F3164, #190E1C)
• Worn Summit color palette (#FCF5DE, #AAA400, #1DA3A0, #9B5A56, #35332C)
• Lagoon Ridge color palette (#CEF9CE, #7FC199, #009168, #005647, #002B27)

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