Misty Pier color palette — #F2EED4 · #586700 · #5500BD · #293100 · #120035
Built around Plum, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F2EED4): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#586700): A full-bodied, balanced green — the color of a quiet forest floor.
- Plum (#5500BD): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#293100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Indigo (#120035): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Chalky Quarry color palette (#E1EAD2, #526900, #7A0085, #263200, #1F0022)
- Antique Studio color palette (#EDE0CA, #785A00, #0044A3, #3A2A00, #000D2C)
- Misty Aubergine Terrace color palette (#E3E7D3, #4B5200, #5E0088, #470467, #070800)
- Tempered Aubergine Veranda color palette (#EBF0D3, #1B7229, #560052, #002906, #10000F)
- Grape Drift color palette (#D6EEC4, #6AA822, #7C0DDB, #345B00, #391365)
- Amethyst Studio color palette (#C9EBDE, #9BAB2A, #7546DC, #5F6A00, #130034)
- Dusty Amethyst Harbor color palette (#FCE8D0, #7A48EC, #9A6500, #100F04, #030100)
- Garnet Garden color palette (#D0EEE1, #5D6000, #8B002C, #2B2C00, #0A0001)
Browse the whole catalog at Explore, or see today's palette.