Tempered Terrace color palette — #E9F1CC · #43BA02 · #0094D1 · #7D45C5 · #240D00
Clover and Violet set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E9F1CC): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#43BA02): A luminous, vivid green — the color of a quiet forest floor.
- Cerulean (#0094D1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Violet (#7D45C5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ink (#240D00): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Tempered Terrace 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
- Clover Archive color palette (#F1F6D5, #24C32E, #00998F, #6F4AE4, #281000)
- Quiet Byzantium color palette (#E2FDD7, #09B98C, #0092BE, #B000AC, #201900)
- Dusty Terrace color palette (#EEEAC3, #91BA00, #2288FB, #BF0047, #4A0016)
- Sapphire Terrace color palette (#F3EDD1, #AEAB00, #00A45A, #0F61F4, #340004)
- Chalky Loft color palette (#FFDDCA, #8EC600, #00A497, #B41F8D, #003311)
- Feathered Violet Courtyard color palette (#DFF8DA, #00BDB5, #7D6FFF, #AD288E, #1A1700)
- Plum Garden color palette (#DDF6DA, #00B6AF, #0188EB, #C01A5E, #101E00)
- Hushed Amethyst Hollow color palette (#DBF3E6, #009CC3, #6F4FD1, #972200, #000B03)
Browse the whole catalog at Explore, or see today's palette.