Tempered Studio color palette — #F8E8F1 · #B36F4B · #30402F · #281821 · #0F0B0F
A conversation between Mocha and Forest, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F8E8F1): A whisper-light, dusty pink — the color of neon signs at night.
- Mocha (#B36F4B): A luminous, balanced orange — the color of toasted spice.
- Forest (#30402F): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#281821): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#0F0B0F): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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
- Nocturne Bronze color palette (#F4DFE5, #945D00, #332900, #220310, #090105)
- Timeworn Amber Harbor color palette (#FDEFE6, #D68357, #784E08, #572A00, #26201D)
- Aged Olive Villa color palette (#E2F4ED, #747B2D, #163833, #031B13, #030805)
- Washed Stone color palette (#FDF1F8, #D89F86, #475A4D, #37242F, #120E13)
- Antique Driftwood color palette (#E7F7EB, #B19A5C, #379DAD, #9A6195, #162D1E)
- Velvet Spruce Chapel color palette (#CCE5DD, #5A4F4E, #2C3D00, #131E22, #000902)
- Timeworn Bronze Balcony color palette (#E9F6EB, #C9B080, #789ED2, #916A00, #1E324A)
- Antique Lagoon Corridor color palette (#E8F5F3, #ACCACA, #578D95, #6C5973, #173738)
Browse the whole catalog at Explore, or see today's palette.