Tempered Studio color palette — #FFF0F8 · #4DAF67 · #007884 · #6A3D51 · #264345
Jade and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Jade (#4DAF67): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007884): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#6A3D51): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#264345): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, 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
- Jade Archive color palette (#FAECFF, #81AA6D, #077889, #6D2D44, #00292A)
- Teal Market color palette (#FFF0FC, #46BEAC, #427EA5, #784C46, #364C53)
- Moss Harbor color palette (#FFF1F6, #AA9831, #257C51, #5A426C, #27443B)
- Hazy Archive color palette (#E4FBF7, #569B56, #4F5F9A, #733028, #4A2C44)
- Cerulean Quarry color palette (#FBF2F9, #BDE3F4, #5293B2, #306F5E, #36495F)
- Powdered Villa color palette (#DFFBFF, #C1E671, #38CD9E, #4C92BB, #20474E)
- Faded Ultramarine color palette (#FFF2EB, #009FA9, #2D5CB0, #6E3200, #033C4D)
- Garnet Thicket color palette (#FFDBD2, #009373, #005A78, #6E001C, #00302F)
Browse the whole catalog at Explore, or see today's palette.