Tempered Studio color palette — #F8F1E7 · #BDB393 · #5E804C · #6D4761 · #2D2712
Built around Fern, softened by Charcoal Brown — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F1E7): bright and airy, almost weightless.
- Stone (#BDB393): A luminous, dusty green — the color of fresh herbs.
- Fern (#5E804C): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#6D4761): A full-bodied, dusty pink — the color of a candy shop window.
- Onyx (#2D2712): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Cocoa Lagoon color palette (#F3F2E9, #AEB898, #3E8379, #7F4125, #242A15)
- Fern Chapel color palette (#F9F1E4, #AAA07B, #4C703D, #5C4100, #231B00)
- Gentle Delta color palette (#FFE8D8, #C69A66, #9A7200, #504C00, #232D00)
- Ancient Moss Ridge color palette (#EFF8EF, #A1D1BA, #779C5E, #78698F, #31483E)
- Wandering Bronze Quarry color palette (#F9F1DF, #CCE4BF, #98D7C4, #AD7441, #35342E)
- Amethyst Bloom color palette (#F9F2D9, #91933F, #4F7ECE, #7553B8, #261D00)
- Sunlit Iris Courtyard color palette (#F9F1E0, #B3A467, #7488D4, #776300, #19224F)
- Powdered Garnet Archive color palette (#EBE4D1, #7AA35E, #006D45, #750036, #0A1B00)
Browse the whole catalog at Explore, or see today's palette.