Misty Harbor color palette — #CCE1F7 · #0063A8 · #9D0026 · #2E3B00 · #00050E

Built around Garnet, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#CCE1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#0063A8): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#9D0026): A full-bodied, vivid red — the color of embers at dusk.
• Forest (#2E3B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00050E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Patina Station color palette (#E2F1FF, #0065A1, #7F3F00, #00402B, #00050D)
• Tempered Ultramarine color palette (#DEEAFD, #234FD5, #8F0074, #443200, #000020)
• Worn Grape color palette (#E3E9FF, #5A40B4, #70003E, #1A3100, #02000E)
• Aged Boulevard color palette (#E5E5F2, #7F3AA7, #9E0018, #054208, #0A0012)
• Powdered Terracotta color palette (#D2E0EB, #0090BD, #9C0F00, #004C66, #070000)
• Frosted Aubergine Dune color palette (#BFE8F8, #006D79, #732796, #4B2E00, #000607)
• Velvet Boulevard color palette (#F6E3F8, #00447F, #5E1F00, #201E00, #00040F)
• Airy Ultramarine color palette (#E3ECFC, #3A52DD, #584100, #063002, #010B00)

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