Misty Pier color palette — #F2E1CF · #A87D00 · #726700 · #314200 · #002506
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F2E1CF): A whisper-light, dusty gold — the color of old brass.
- Mustard (#A87D00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#726700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#314200): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#002506): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Amber Archive color palette (#F9EDDA, #B49300, #6A6100, #2B3500, #060F00)
- Ember Corridor color palette (#F4DAD1, #CE6100, #835400, #4B3900, #1F1E00)
- Moss Study color palette (#ECE9CD, #7F9900, #297000, #004D2A, #00251D)
- Faded Teal color palette (#E1F5EC, #8BD48F, #00B8AD, #886000, #002E29)
- Antique Blush Alley color palette (#F1E9F5, #FF6E81, #648700, #111A00, #000A07)
- Ancient Meadow color palette (#EBE7D2, #92B000, #368B00, #006333, #003B2F)
- Linen Corridor color palette (#DCE9CA, #2E8700, #005637, #002922, #000808)
- Amethyst Grove color palette (#D0E4DB, #757C00, #6943DD, #792AA2, #121300)
Browse the whole catalog at Explore, or see today's palette.