Tempered Study color palette — #F3F4FF · #CDB2FF · #A4C18F · #70A69B · #3A3C4C

Lavender and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#CDB2FF): A luminous, balanced violet — the color of wild irises.
• Sage (#A4C18F): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#70A69B): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#3A3C4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, 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

• Patina Chapel color palette (#FFF1F7, #C9B7F9, #9DB987, #718C5A, #3F2A34)
• Weathered Mallow Courtyard color palette (#F6F3FF, #EDAFE9, #BBA870, #579298, #224855)
• Timeworn Powder Lantern color palette (#EEF6FF, #95C7FF, #CFB377, #AB976D, #323E4C)
• Blush Meadow color palette (#FCF1FF, #FF94B0, #4FC0CA, #4F9EA5, #392E3C)
• Driftwood Dune color palette (#F6F4FC, #E2D7DD, #BEAEAA, #698570, #535158)
• Timeworn Lilac Study color palette (#FFF1F5, #BE97E4, #C48B7F, #5A866F, #48383D)
• Hushed Emerald color palette (#F6F3FF, #FBA1FE, #42AB52, #00907A, #2E2544)
• Apricot Cabin color palette (#F3F4FD, #E3D6FF, #EFA08B, #B2A0D4, #342A31)

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