Misty Harbor color palette — #F6DFE1 · #A65E99 · #836C00 · #006777 · #29060C

Dusty Rose takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6DFE1): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#A65E99): A full-bodied, balanced pink — the color of neon signs at night.
• Walnut (#836C00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#006777): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#29060C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Quiet Ridge color palette (#FFDEEA, #8C65BF, #A05B00, #006A5F, #250816)
• Olive Field color palette (#F9E0DB, #B45C71, #5A7B00, #005F9A, #2B030F)
• Rust Delta color palette (#FEE2D9, #AE565D, #00784F, #004B62, #240400)
• Faded Violet color palette (#E1E2FD, #935DBD, #007F6B, #006070, #292744)
• Frosted Basin color palette (#E8DFFC, #CE6CBD, #A38700, #00869B, #2F2640)
• Tempered Aubergine Pier color palette (#FDECDD, #9B5800, #006E62, #6500AC, #150700)
• Airy Veranda color palette (#FDE6E6, #D3003D, #2E7800, #004CAA, #240004)
• Gentle Loft color palette (#FFE9F4, #92226D, #544E00, #004255, #0B0006)

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