Tempered Studio color palette — #E7DFCF · #75793F · #324F00 · #003044 · #060600

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E7DFCF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#75793F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#324F00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Teal (#003044): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Navy Chapel color palette (#F0EFDF, #4D844D, #005337, #0C2563, #000900)
• Washed Olive Cabin color palette (#CFEFD9, #7D8100, #2A4500, #001F2D, #010100)
• Aubergine Lagoon color palette (#EBE2D4, #888748, #435D00, #431C77, #111000)
• Charred Orchard color palette (#F3E1D2, #715B00, #213100, #250134, #090500)
• Frosted Grape color palette (#FEDFE5, #880F9F, #664700, #00474A, #040006)
• Orchid Bloom color palette (#FFE9EF, #9D51C2, #2D6700, #42005B, #020800)
• Powdered Orchard color palette (#E3E4D3, #65A27C, #00715C, #35398A, #002210)
• Pale Pine color palette (#E9E5D4, #91B07E, #28864B, #215692, #1B2F0B)

Browse the whole catalog at Explore, or see today's palette.