Tempered Pier color palette — #F7F1E9 · #D2C29B · #8C863D · #5B6554 · #33312A
A conversation between Moss and Sand, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E9): a clean, paper-quiet neutral.
- Sand (#D2C29B): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#8C863D): A luminous, balanced green — the color of new leaves after rain.
- Graphite (#5B6554): A full-bodied, dusty green — the color of a quiet forest floor.
- Espresso (#33312A): quiet, heavy and certain.
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
- Aged Stone color palette (#F3F2E9, #A6CFAD, #578F81, #51675B, #30322B)
- Washed Olive Chapel color palette (#FDEFE2, #C1B47A, #6B7D41, #624E5D, #302610)
- Washed Alley color palette (#ECE6D6, #6D9D4E, #006542, #004148, #141300)
- Stone Quarry color palette (#EBF9F1, #BBDEF0, #A7B587, #748C87, #3A4A44)
- Antique Delta color palette (#F5E7D5, #706B00, #223F00, #191743, #030300)
- Wandering Sky color palette (#E6F6EF, #71BEE6, #BF9361, #367A9B, #35302B)
- Washed Dune color palette (#DFF9F0, #4AA4E4, #B5805A, #937149, #152D26)
- Wandering Basin color palette (#F8F0EB, #BEEEF0, #B090B1, #387678, #42303C)
Browse the whole catalog at Explore, or see today's palette.