Quiet Pier color palette — #ECDCD6 · #B67A00 · #695800 · #3C4500 · #003D15
Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#ECDCD6): bright and airy, almost weightless.
- Mustard (#B67A00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#695800): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3C4500): A deep, shadowed, balanced green — the color of fresh herbs.
- Forest (#003D15): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Quiet 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
- Sunlit Ember color palette (#F3DBDC, #CF694B, #844D00, #504000, #1A3510)
- Worn Moss color palette (#F4E3CA, #938C00, #4F6600, #004A1A, #00372E)
- Powdered Amber color palette (#FAEBDC, #C79500, #7F6F00, #4F4F00, #243200)
- Muted Fern color palette (#DAEDE2, #79915D, #625600, #502E00, #002D17)
- Byzantium Field color palette (#CCE6D2, #9E7800, #8342C3, #5C4500, #370D5A)
- Tempered Studio color palette (#EEDEBC, #5E6F00, #154B00, #00291C, #001217)
- Linen Chestnut color palette (#E5FCEC, #AED6B6, #4CB3C3, #964500, #283E1C)
- Forest Harbor color palette (#D3F6D7, #AAA565, #6E8B2A, #006F31, #165345)
Browse the whole catalog at Explore, or see today's palette.