Tempered Terrace color palette — #F0F1FD · #A089BA · #8E8448 · #236E47 · #202034
A conversation between Pine and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F1FD): bright and airy, almost weightless.
- Dusty Rose (#A089BA): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#8E8448): A luminous, balanced green — the color of new leaves after rain.
- Pine (#236E47): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#202034): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered Terrace 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
- Wandering Cypress Archive color palette (#F6EEFB, #B78397, #658F64, #006B72, #281E2E)
- Timeworn Fern color palette (#E9F3FF, #7696C6, #AB7356, #63621E, #182332)
- Weathered Pewter Study color palette (#F2F0F9, #9977A6, #716A2C, #005B4D, #141E2C)
- Wandering Harbor color palette (#E7F7EA, #CA9BB8, #A26564, #1F6135, #332639)
- Muted Orchard color palette (#FFF1F5, #BA9BDC, #AF9A5B, #598764, #4A373E)
- Tempered Dune color palette (#E8FAF5, #5C95CB, #798736, #346488, #2D423D)
- Orchid Courtyard color palette (#F3EFFF, #B14DB0, #6C7100, #005647, #260126)
- Worn Pewter color palette (#F1F1F7, #D2B7E2, #AD706F, #895BA2, #1D111C)
Browse the whole catalog at Explore, or see today's palette.