Misty Harbor color palette — #D7F1FB · #006671 · #3200DC · #0F4A02 · #001518

Built around Cobalt, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Frost (#D7F1FB): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006671): A full-bodied, balanced blue — the color of open sky before noon.
• Cobalt (#3200DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#0F4A02): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001518): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Misty 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 Aubergine Quarry color palette (#C1E5F4, #00556C, #4800A4, #003B22, #00090E)
• Washed Dune color palette (#DBF6F1, #00695F, #00508A, #3A4200, #001613)
• Aubergine Archive color palette (#D1E3FB, #0058AF, #7B008D, #004744, #00112B)
• Powdered Market color palette (#E3E4F4, #6456C8, #A8006D, #005668, #151D3B)
• Pale Byzantium color palette (#CDE7FF, #0076BD, #9100C8, #006054, #002642)
• Nocturne Aubergine color palette (#D0E4FE, #00398A, #56005C, #002A2A, #000109)
• Antique Quarry color palette (#D4EFF0, #00939B, #004E53, #001E20, #000B0D)
• Dusty Nightshade color palette (#DDE4FD, #552CB4, #7F002F, #461800, #0E0528)

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