Tempered Lilac color palette — #FFF0F8 · #AEA6F3 · #988D59 · #4D7457 · #3D4900
Lavender and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Lavender (#AEA6F3): A luminous, balanced violet — the color of wild irises.
- Moss (#988D59): A luminous, dusty green — the color of new leaves after rain.
- Pine (#4D7457): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#3D4900): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Tempered Lilac 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
- Hushed Sky color palette (#EBF9F5, #7AB7EF, #A88559, #756935, #4D4200)
- Patina Balcony color palette (#FFF1F2, #DB98C8, #709872, #327577, #2E4A31)
- Worn Garden color palette (#FFF0FD, #F2C2CA, #C3A597, #7A8972, #495344)
- Sunlit Wisteria Harbor color palette (#FFF1F5, #C67AFF, #6D7800, #006453, #003A2F)
- Pine Basin color palette (#F3F4FE, #CFC3F4, #C6858C, #367C4A, #383355)
- Weathered Mallow Drift color palette (#FFF1F6, #EEABE5, #D185A3, #956264, #534B47)
- Fern Thicket color palette (#F8F5ED, #D1D5A9, #8EA47E, #927572, #4F5100)
- Hushed Ash color palette (#F3F4FF, #A28CC0, #906071, #125E6A, #324263)
Browse the whole catalog at Explore, or see today's palette.