Tempered Studio color palette — #E1EEEC · #A2BAB9 · #749EA0 · #076514 · #031816
Pine takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E1EEEC): a clean, paper-quiet neutral.
- Ash (#A2BAB9): A luminous, dusty teal — the color of sea glass.
- Blue Fog (#749EA0): A luminous, dusty teal — the color of sea glass.
- Pine (#076514): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#031816): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Washed Abyss Field color palette (#E4ECEF, #A2B8C1, #719CB1, #005F5E, #00171D)
- Olive Cabin color palette (#ECEDE4, #A0B8A9, #7F9F96, #458327, #141507)
- Timeworn Spruce color palette (#D9E3E1, #96AFB0, #4C8C8B, #1B4200, #001915)
- Forest Meadow color palette (#EDEFE4, #CCD3BF, #9CAD88, #095E1C, #020300)
- Faded Forest color palette (#D5F0EA, #5C9359, #006432, #254100, #011501)
- Timeworn Hollow color palette (#E7F0F4, #CCDAE0, #9EBCCD, #008286, #17323A)
- Quiet Quarry color palette (#CBECED, #1DBB40, #009D6F, #007A76, #00140F)
- Softworn Pine color palette (#CFF7EC, #00875B, #00574F, #002A5A, #000F09)
Browse the whole catalog at Explore, or see today's palette.