Tempered Study color palette — #F1F7F2 · #D2DDDD · #98B89B · #A7ABBD · #485049
Built around Sage, softened by Ash — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D2DDDD): a clean, paper-quiet neutral.
- Sage (#98B89B): A luminous, dusty green — the color of fresh herbs.
- Ash (#A7ABBD): A luminous, dusty violet — the color of twilight just after sunset.
- Charcoal Brown (#485049): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Study 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
- Stone Market color palette (#FFF1F5, #C8E0ED, #A6C7C8, #8B8497, #53495B)
- Aged Basalt Lagoon color palette (#E1ECE4, #ACC0B9, #709B98, #493A00, #000201)
- Muted Cabin color palette (#F0F7F3, #C8DAE8, #C0B8C2, #A2940C, #2A3931)
- Forest Alley color palette (#E3F2F1, #B9D6DC, #70B2C2, #005D36, #000303)
- Muted Jade color palette (#FFF1F5, #F8D7A6, #88AF75, #7B6896, #2F4539)
- Aged Balcony color palette (#E8F9FA, #D1DDEA, #B6A8BA, #009471, #13292A)
- Washed Boulevard color palette (#EBF9F1, #FBFC9C, #D3D8CA, #87DDB4, #29413B)
- Mustard Villa color palette (#EBF9F3, #B1B557, #3E5B58, #1F2F28, #0D110D)
Browse the whole catalog at Explore, or see today's palette.