Tempered Studio color palette — #F8F6E0 · #74A985 · #197264 · #604144 · #303B00
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E0): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#74A985): A luminous, dusty teal — the color of sea glass.
- Teal (#197264): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#604144): A full-bodied, dusty red — the color of embers at dusk.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Cypress Coast color palette (#F6F2DF, #80AC8F, #1D736E, #62393E, #191F05)
- Aged Taupe color palette (#FEF3E5, #A39E51, #516D38, #643F43, #38352F)
- Tempered Lagoon color palette (#E4FCF2, #94C1A1, #1F938B, #685C80, #143D3B)
- Aged Mint color palette (#FFF3E6, #E1E3A9, #7EBC8C, #915F52, #523D00)
- Weathered Alley color palette (#F9F5E8, #C0C59F, #6F8C4D, #75605B, #4E5200)
- Washed Forest color palette (#FFF2EB, #97D2CE, #00879B, #0A6338, #164435)
- Patina Lantern color palette (#E1E2CE, #009065, #00504C, #461E34, #002114)
- Teal Thicket color palette (#E6FAF6, #A1D5D3, #4DB598, #A67286, #053E3D)
Browse the whole catalog at Explore, or see today's palette.