Misty Pier color palette — #FBECFC · #E65471 · #5C5700 · #86002F · #141200

Scarlet and Wine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBECFC): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#E65471): A luminous, vivid red — the color of embers at dusk.
• Olive (#5C5700): A full-bodied, balanced green — the color of a quiet forest floor.
• Wine (#86002F): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#141200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Ember Hollow color palette (#FFEBFB, #E25E51, #00662E, #880406, #001706)
• Ember Station color palette (#FEE8DE, #F15E42, #7E5000, #8D1800, #070300)
• Chalky Peony Study color palette (#F5EEFF, #DE48B6, #764900, #7C0062, #1C0E00)
• Muted Tangerine color palette (#FFF0F8, #ED7F44, #507100, #8B3A00, #00231C)
• Brick Loft color palette (#FCECF8, #FF8068, #AC6300, #C02000, #1E0D00)
• Aged Pier color palette (#FFDCDB, #E76500, #7C5200, #453B00, #233100)
• Feathered Scarlet color palette (#FAE2B0, #DB3B09, #635000, #0F1D9B, #411E00)
• Hazy Amber color palette (#FFF1F7, #FF8FA6, #DB8400, #616F00, #382900)

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