Tempered Studio color palette — #EBF9F0 · #86B2A1 · #7D733E · #644E24 · #27443D
Built around Walnut, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F0): a clean, paper-quiet neutral.
- Sage (#86B2A1): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#7D733E): A full-bodied, dusty green — the color of new leaves after rain.
- Coffee (#644E24): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Forest (#27443D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Tempered Studio 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
- Cocoa Meadow color palette (#E3F8EB, #91B4AA, #7F7645, #6E3F05, #012928)
- Hushed Chapel color palette (#FFF0F8, #C59E7D, #97644B, #70443D, #2E442F)
- Bronze Boulevard color palette (#D6F9DC, #AB9E56, #866300, #6A3D00, #35390C)
- Softworn Pewter color palette (#FFF1F6, #A4C1A5, #9B7383, #735166, #394D40)
- Patina Taupe Delta color palette (#FBF5E5, #CFD6A4, #BAAE69, #9C845B, #433F00)
- Hazy Olive color palette (#F7F2B3, #A8B777, #548347, #005D38, #00483D)
- Wandering Pine color palette (#F0F7F2, #C9AB65, #10825F, #785B00, #142829)
- Dusty Orchard color palette (#EDF9EE, #A87700, #2B7B9A, #544884, #253828)
Browse the whole catalog at Explore, or see today's palette.