Tempered Pier color palette — #D9F7E3 · #C6CE94 · #C0A12D · #B16E0D · #253D1A
Gold takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9F7E3): A whisper-light, dusty teal — the color of sea glass.
- Pistachio (#C6CE94): A whisper-light, dusty green — the color of fresh herbs.
- Gold (#C0A12D): A luminous, balanced green — the color of a quiet forest floor.
- Ochre (#B16E0D): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#253D1A): 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 Tempered 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
- Faded Amber color palette (#C6E8CF, #BCBF58, #B68F00, #A35D00, #193000)
- Rust Orchard color palette (#FFE7F0, #E1C48C, #DB904B, #CC5537, #3B3700)
- Driftwood Harbor color palette (#FFF1F5, #B6DBC0, #C8A581, #B7755C, #284439)
- Moss Quarry color palette (#F6E7CC, #9FA848, #816800, #623800, #0D2201)
- Ancient Rust Alley color palette (#F4E2EC, #DFB4C2, #CC8C6F, #AC6062, #1B3725)
- Frosted Orchard color palette (#FDDAE9, #BD985F, #B86310, #A32316, #1B1600)
- Worn Forest color palette (#DEFDF8, #FFC17F, #5CA15B, #266D28, #00201D)
- Garnet Market color palette (#F4D8E9, #A9733F, #98421E, #7A0025, #060300)
Browse the whole catalog at Explore, or see today's palette.