Amber Pier color palette — #F4DFD3 · #C19449 · #7A6400 · #3B4F00 · #114118
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F4DFD3): A whisper-light, dusty gold — the color of old brass.
- Mustard (#C19449): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#7A6400): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3B4F00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Forest (#114118): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Amber 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
- Timeworn Marigold Thicket color palette (#F9E3D6, #F8A900, #AC9D00, #6D8137, #144224)
- Patina Fern Pier color palette (#F5F3CB, #9DA764, #536900, #343800, #1A2500)
- Feathered Forest color palette (#FFE5C7, #C4B06A, #73861D, #006827, #17563F)
- Worn Terrace color palette (#E9DDD4, #936C00, #575600, #133200, #002214)
- Rust Veranda color palette (#FFEAEE, #D47F78, #AA4500, #5F4100, #243B12)
- Indigo Archive color palette (#F5EEDE, #9C8F3F, #7F66C0, #635700, #392A5E)
- Worn Pine color palette (#EDE1BE, #8DA357, #048529, #005541, #013B4B)
- Dusty Harbor color palette (#FFF4DA, #A0B989, #579661, #00766B, #3D5943)
Browse the whole catalog at Explore, or see today's palette.