Misty Harbor color palette — #FFD7DF · #F38784 · #C56131 · #894F00 · #4E3900

Terracotta and Salmon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD7DF): A whisper-light, dusty red — the color of a theater curtain.
• Salmon (#F38784): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#C56131): A luminous, balanced orange — the color of toasted spice.
• Coffee (#894F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4E3900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Tangerine Dune color palette (#FFE7E3, #FF9276, #F56823, #B35A12, #563316)
• Quiet Cabin color palette (#FFE0DC, #F1A782, #BB7E2F, #8A6308, #4A471B)
• Hazy Ember color palette (#FFEAE9, #DE5C34, #954A00, #5A3800, #261F00)
• Patina Rose color palette (#EED8E8, #E78CB6, #CC596C, #92392E, #542A09)
• Amber Studio color palette (#FFF2E5, #EFAC70, #BC6F1D, #713D00, #2F1A00)
• Aged Lagoon color palette (#FDE2D0, #C9A783, #A77257, #854545, #33302A)
• Misty Bronze Study color palette (#FFEADA, #E3915B, #34A3CA, #AE5500, #003B4E)
• Faded Amber color palette (#F9DFC9, #CD8040, #2895C3, #5E6AB5, #422204)

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