Tempered Garden color palette — #E9EEFE · #6B65B1 · #00725A · #004F53 · #1E253E
Built around Slate, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Frost (#E9EEFE): A whisper-light, dusty violet — the color of a velvet chair.
- Slate (#6B65B1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#00725A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#1E253E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, 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
- Tempered Grape color palette (#F3F4FF, #754D9A, #005D53, #003648, #101B30)
- Frosted Study color palette (#F2EAFE, #9D5188, #006C85, #003E94, #2B2039)
- Airy Quarry color palette (#ECE4FC, #B862A6, #006632, #00496C, #130C1D)
- Wisteria Drift color palette (#FFE7EF, #BC83EF, #008358, #1E63A1, #361E27)
- Washed Amber Summit color palette (#FFF1F5, #B58554, #638A66, #7E4C6E, #4C363E)
- Bronze Villa color palette (#ECFAEB, #AC7425, #36834F, #006059, #233922)
- Hushed Fern Ridge color palette (#E8F6EC, #8F7400, #1E6500, #00443F, #003044)
- Pale Aubergine color palette (#EBD7E9, #A7333C, #304C9C, #460088, #280F28)
Browse the whole catalog at Explore, or see today's palette.