Tempered Garden color palette — #F6F3FF · #FABEF2 · #A1D7A3 · #C597BF · #335451
Thistle and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F3FF): bright and airy, almost weightless.
- Thistle (#FABEF2): A whisper-light, balanced pink — the color of neon signs at night.
- Pistachio (#A1D7A3): A whisper-light, balanced green — the color of a quiet forest floor.
- Mauve (#C597BF): A luminous, dusty pink — the color of neon signs at night.
- Charcoal Brown (#335451): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Garden 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
- Ancient Boulevard color palette (#F1F5FF, #CED0FF, #D1CA7E, #A1A3D5, #325645)
- Aged Station color palette (#F7F3FF, #F1A8E4, #8DC095, #AD78A3, #2F5552)
- Wandering Glacier Pier color palette (#FCF1FB, #FFC3C3, #78D9E1, #D79494, #2F535F)
- Hushed Mallow Quarry color palette (#F7F3FF, #FCA7E3, #CDBE77, #75BBCE, #453F50)
- Hazy Bloom color palette (#FAF2FF, #FFA5CB, #28E0BD, #D65A95, #004539)
- Tempered Stone Terrace color palette (#F8F2FF, #E9DBD8, #E1B9AE, #B9B9D8, #524A58)
- Mallow Canyon color palette (#F8F2FF, #FFD3ED, #E3A3C2, #A97B92, #413250)
- Sand Boulevard color palette (#F9F3FA, #F8DA9D, #C78C91, #79657A, #302831)
Browse the whole catalog at Explore, or see today's palette.