Tempered Loft color palette — #FBF7D3 · #84AC07 · #781EF3 · #494000 · #151300
Violet and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FBF7D3): A whisper-light, dusty green — the color of new leaves after rain.
- Clover (#84AC07): A luminous, vivid green — the color of a quiet forest floor.
- Violet (#781EF3): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#494000): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#151300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Loft 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
- Tempered Balcony color palette (#F6F8D8, #43B905, #A400BC, #662C00, #230A00)
- Misty Byzantium color palette (#EBFCD9, #07B68B, #A700B6, #3A4500, #0F1500)
- Cobalt Veranda color palette (#FFF3E2, #C49206, #006BBC, #682A00, #230A00)
- Magenta Harbor color palette (#EEFAE1, #08CE9B, #CC18B8, #415B00, #192600)
- Orchid Meadow color palette (#CBEFFB, #00BFC7, #9E5DFF, #B62F00, #142B00)
- Antique Aubergine color palette (#C8F0F7, #008071, #710097, #4C2900, #261D00)
- Ancient Iris Cabin color palette (#E2FFD8, #81D2D0, #6B88EA, #6F5812, #392B00)
- Antique Meadow color palette (#FFF3E6, #D1C849, #319700, #00656A, #221F00)
Browse the whole catalog at Explore, or see today's palette.