Tempered Pier color palette — #FAF5EA · #A4B88B · #4E805E · #6E4F5C · #494400
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5EA): a clean, paper-quiet neutral.
- Sage (#A4B88B): A luminous, dusty green — the color of fresh herbs.
- Fern (#4E805E): A full-bodied, dusty teal — the color of glacier melt.
- Coffee (#6E4F5C): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#494400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Studio color palette (#F6F6EA, #9BCEB4, #4D8E89, #756061, #415612)
- Timeworn Pewter color palette (#F9F0E5, #BCB48D, #598062, #6E4A4C, #2C270F)
- Tempered Station color palette (#FAF5E8, #85A76A, #1F744C, #643E49, #36362F)
- Weathered Dune color palette (#FFF1F2, #E6D6CE, #E8B18B, #85759F, #584441)
- Frosted Hollow color palette (#FFF1F2, #D37CC4, #28A077, #8B4A81, #41443D)
- Cerulean Studio color palette (#FDF3EE, #BEE8CC, #5193B7, #237161, #553F56)
- Hushed Teal color palette (#EDF8F4, #B5DFD7, #82BC94, #7692B8, #224B44)
- Ancient Peony color palette (#FFF1F1, #CA58A4, #438C62, #007276, #493031)
Browse the whole catalog at Explore, or see today's palette.