Tempered Garden color palette — #F1F5FF · #ABB1F4 · #BEA425 · #7276CA · #284B37
Built around Gold, softened by Periwinkle — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#ABB1F4): A luminous, balanced violet — the color of a velvet chair.
- Gold (#BEA425): A luminous, balanced green — the color of a quiet forest floor.
- Periwinkle (#7276CA): A luminous, balanced violet — the color of a velvet chair.
- Forest (#284B37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Timeworn Villa color palette (#F4F4FF, #D1A1EE, #88B55A, #986AB3, #1B4C42)
- Marigold Studio color palette (#EEF6FF, #7ABEFD, #E69934, #1F7DC7, #593743)
- Hushed Iris Loft color palette (#F0F5FF, #8799EE, #928E2C, #515EA8, #464516)
- Lilac Dune color palette (#FFF0F9, #C5C5FF, #D4BC73, #9593E8, #524001)
- Hushed Harbor color palette (#FFF0FA, #C9D1FF, #6DCFBC, #7983CC, #004339)
- Feathered Summit color palette (#F2F5FF, #A097F1, #E37639, #399A79, #31374C)
- Grape Ridge color palette (#DFE2FF, #C296FF, #799A00, #7700C9, #263300)
- Softworn Basin color palette (#F5F4FE, #DAC18D, #8F5A97, #543559, #221F2D)
Browse the whole catalog at Explore, or see today's palette.