Tempered Pier color palette — #F6F2DE · #AFBB78 · #B28BC0 · #6F7839 · #45272F
Built around Sage, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F2DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#AFBB78): A luminous, balanced green — the color of fresh herbs.
- Dusty Rose (#B28BC0): A luminous, balanced pink — the color of neon signs at night.
- Olive (#6F7839): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#45272F): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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
- Stone Canyon color palette (#FBF0E3, #D3AC71, #7B9DD3, #8B6C3C, #3C2A3C)
- Muted Blush Studio color palette (#ECF5E4, #73C6AB, #CD829C, #32826A, #472724)
- Hushed Studio color palette (#E6FBF4, #BCCC9C, #C4A2D6, #82964F, #4C4869)
- Olive Balcony color palette (#F6F6EA, #9EBA8C, #62A2C1, #5E7D48, #2B5746)
- Hushed Harbor color palette (#F4F4D9, #7DAD50, #A07FAF, #896B98, #292816)
- Wandering Drift color palette (#FBEFE7, #CEB798, #AD7446, #6E5046, #302C1E)
- Antique Basalt color palette (#F5F2E3, #B7E0DD, #92BFD0, #9A8368, #3A3F00)
- Celadon Studio color palette (#E4FBF4, #D4F2A7, #DCBDF6, #8FA271, #44435B)
Browse the whole catalog at Explore, or see today's palette.