Misty Harbor color palette — #FFDBCD · #FF424A · #B24900 · #5F3900 · #1A0700

A conversation between Scarlet and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDBCD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Scarlet (#FF424A): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#B24900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#5F3900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#1A0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, 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

• Pale Ember Study color palette (#FBD8E6, #EA5D00, #9F5D00, #644A00, #0F0600)
• Sunlit Rose color palette (#F1DCED, #FA1D6B, #C70614, #6F2D00, #1B0200)
• Gentle Grove color palette (#FDE3F1, #E6507C, #AC4D00, #604500, #030100)
• Linen Terrace color palette (#EBDEBD, #BF7F00, #836600, #444B00, #0D0A00)
• Amber Coast color palette (#FFF2EA, #FF8C6A, #DB6E00, #8E6400, #462400)
• Tempered Balcony color palette (#FBE7D4, #8D5A00, #503500, #2E2000, #0C1200)
• Magenta Archive color palette (#EDDAF9, #EE04D5, #C00073, #8B0021, #180007)
• Timeworn Archive color palette (#FFE3F2, #FE77EC, #FF673F, #6E8D00, #130700)

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