Misty Pier color palette — #F0DAE6 · #D55D00 · #2D7600 · #004962 · #35013F

A conversation between Pumpkin and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DAE6): A whisper-light, dusty pink — the color of a candy shop window.
• Pumpkin (#D55D00): A luminous, vivid orange — the color of autumn markets.
• Olive (#2D7600): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004962): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#35013F): A deep, shadowed, balanced pink — the color of a candy shop window.

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

• Worn Pine Lantern color palette (#FFECF4, #D37D31, #158921, #005875, #3B1B48)
• Pale Rose Archive color palette (#EDDAED, #DC4C62, #6C6600, #004D4D, #1E0D51)
• Bronze Grove color palette (#EFDCE2, #A26500, #00633E, #00345E, #26001C)
• Aged Navy color palette (#D3E8D4, #AF7B00, #00755A, #00369D, #3E0024)
• Chalky Amber Studio color palette (#FFF3E2, #BA8800, #477203, #004339, #210000)
• Weathered Chapel color palette (#F1DDD1, #F57849, #009A84, #00689D, #230654)
• Brick Workshop color palette (#F3D7EF, #C50024, #005151, #002E5A, #17123A)
• Aubergine Orchard color palette (#DEEFE3, #7C6300, #00504C, #28006D, #170001)

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