Tempered Study color palette — #DEF9F2 · #83AD7D · #397349 · #254C5B · #00221E

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DEF9F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#83AD7D): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#397349): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#254C5B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Study 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 Canyon color palette (#E3F8E9, #AAA261, #666A1B, #553C57, #052216)
• Wandering Lagoon Grove color palette (#E2F7F5, #89C2A6, #358570, #415868, #132C2D)
• Tempered Emerald color palette (#DAF3ED, #59A155, #006733, #532E12, #001614)
• Timeworn Lagoon color palette (#E6FCEE, #BEDC98, #559C6D, #5E607E, #052F27)
• Ancient Pine Delta color palette (#DEF0ED, #14904A, #005135, #002F3A, #000A0A)
• Timeworn Pewter color palette (#F7EEFF, #FFC5D2, #E3A3A1, #85547B, #2D2234)
• Obsidian Fern color palette (#D5EFE3, #4F6100, #1B3100, #2C0300, #000201)
• Chalky Peony color palette (#ECE4FF, #C26DBB, #0086B9, #783A73, #001F2F)

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