Tempered Studio color palette — #BEF4D2 · #007C4A · #005E91 · #523700 · #002714
Pine takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Mint (#BEF4D2): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#007C4A): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#523700): A deep, shadowed, dusty gold — the color of old brass.
- Deep Forest (#002714): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Timeworn Navy Workshop color palette (#C4F0FF, #007E83, #004B90, #363500, #002C1C)
- Olive Summit color palette (#E0ECB8, #627000, #00656A, #6D1D00, #1D2300)
- Worn Dune color palette (#BCE6F4, #007073, #694E00, #373C00, #001F27)
- Gentle Lapis Grove color palette (#E6F9FF, #00878C, #5A55C0, #445100, #003335)
- Dusty Meadow color palette (#C5F3C8, #008D9E, #005A7B, #4C0B7C, #002F39)
- Hushed Cypress color palette (#E7F9FE, #BFD7E1, #8EACBC, #006869, #1F373E)
- Muted Lagoon color palette (#D8F9FE, #00A594, #315C83, #005349, #00151B)
- Aubergine Drift color palette (#D3EBFF, #005880, #670E7B, #00321A, #000F1C)
Browse the whole catalog at Explore, or see today's palette.