Misty Pier color palette — #FFD7D2 · #F26A00 · #AD6400 · #6E5300 · #241F00

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD7D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F26A00): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AD6400): A full-bodied, balanced gold — the color of old brass.
• Coffee (#6E5300): A full-bodied, balanced gold — the color of old brass.
• Onyx (#241F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Misty Pier 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

• Timeworn Amber Balcony color palette (#FCDAC5, #C46A00, #8F5500, #5A3900, #2D1E00)
• Frosted Amber color palette (#F8DCC5, #C38A00, #897200, #516000, #102500)
• Bronze Harbor color palette (#FFECD7, #B89C45, #AC6C00, #8B4221, #161800)
• Timeworn Rose color palette (#F7D4E0, #F54E76, #CA3E00, #874300, #311A00)
• Dusty Cobalt color palette (#F8EDE0, #E3A12C, #0082CC, #966600, #001C32)
• Quiet Harbor color palette (#EDE1D5, #D6CF7A, #5ECF86, #C06856, #2F2102)
• Washed Alley color palette (#F2E7D1, #8A8000, #516300, #1A4600, #001206)
• Wandering Basin color palette (#F3DBF1, #00ACDC, #B69000, #433300, #0A0500)

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