Tempered Studio color palette — #FFF0FC · #F7FBBA · #E7D8D6 · #D998B8 · #563E4D
Built around Mauve, softened by Custard — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Custard (#F7FBBA): A whisper-light, balanced green — the color of fresh herbs.
- Bone (#E7D8D6): a clean, paper-quiet neutral.
- Mauve (#D998B8): A luminous, balanced rose — the color of strawberry cream.
- Cocoa (#563E4D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Dusty Boulevard color palette (#FAF2FF, #EAD6DA, #A5BCCA, #C297CE, #59445B)
- Hushed Stone color palette (#FFF1F6, #E3FFD7, #C8DFE7, #EFADAB, #405242)
- Softworn Delta color palette (#ECF9EC, #BCE0F0, #E59980, #8DA3BD, #395140)
- Tempered Chapel color palette (#E3FCEF, #A4E5E5, #B6BCDC, #C8843E, #0D3F35)
- Patina Frost color palette (#F5F4FF, #B5FFF5, #FFD1C3, #4D3245, #1C1019)
- Oat Drift color palette (#FFEBF7, #E8DCC3, #CECA8D, #8C6B86, #402F38)
- Washed Villa color palette (#E8FBEE, #C2E7D7, #AD9D6B, #8E5F2B, #0F3933)
- Washed Aubergine Study color palette (#EBF9F2, #B2B06E, #009AA1, #6B4288, #0C1F0D)
Browse the whole catalog at Explore, or see today's palette.