Pale Pier color palette — #F9D9AB · #AB8900 · #7A5200 · #5C2E00 · #2D2A00
Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F9D9AB): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#AB8900): A luminous, balanced green — the color of fresh herbs.
- Coffee (#7A5200): A full-bodied, balanced gold — the color of old brass.
- Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
Use it as a design system
One click turns Pale 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
- Soft Studio color palette (#E1E2B3, #7C9C00, #615F00, #4B3A00, #18300F)
- Ancient Amber Boulevard color palette (#FDDEEA, #BB8D46, #88572A, #653520, #1D3726)
- Amber Boulevard color palette (#F6D9B0, #DCB14E, #C48700, #9F6000, #322800)
- Amber Study color palette (#DFF8DE, #A68C00, #7C5100, #5A2400, #111400)
- Amber Lantern color palette (#FFD3C1, #CE7312, #973A00, #720D11, #3A2400)
- Muted Taupe Canyon color palette (#E9FBEC, #B5A869, #896E38, #694553, #2E423A)
- Washed Stone Loft color palette (#EDF9F0, #99C3AD, #698A71, #70555E, #3B4C46)
- Soft Lapis color palette (#D9E5FF, #2845FF, #824800, #384200, #101C41)
Browse the whole catalog at Explore, or see today's palette.