Tempered Studio color palette — #ECF9F1 · #978B0D · #007270 · #404178 · #462D4A
Built around Moss, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Moss (#978B0D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007270): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#404178): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#462D4A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Ancient Aubergine Corridor color palette (#EAF9F4, #7E933E, #006F85, #602F73, #522D14)
- Soft Amber color palette (#E8F7E8, #BB8000, #1A6A9E, #503260, #281433)
- Amber Meadow color palette (#FDF1F7, #C4702E, #277534, #004E71, #4B2A4A)
- Marigold Lantern color palette (#FCF4E8, #CC9D00, #6080BA, #665286, #3D3052)
- Misty Nightshade Study color palette (#E5F6F8, #008A79, #354AA4, #671538, #372900)
- Aubergine Lantern color palette (#CEF1E6, #5C7B00, #005563, #440078, #4B0200)
- Patina Lagoon color palette (#EAF9F6, #8BBDA2, #008674, #4C604A, #2E4848)
- Dusty Lagoon Veranda color palette (#DBFFEE, #9BBFB6, #5D8F94, #5C6682, #535067)
Browse the whole catalog at Explore, or see today's palette.