Tempered Garden color palette — #D3F8EC · #627C00 · #7D4989 · #593363 · #082D25

Built around Olive Leaf, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3F8EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#627C00): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#7D4989): A full-bodied, balanced pink — the color of a candy shop window.
• Royal Purple (#593363): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Forest (#082D25): 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

• Ancient Denim color palette (#DEF6E4, #896D00, #5F52A3, #433979, #172C1E)
• Aged Emerald color palette (#E3FBF7, #50953C, #A15375, #734056, #1C3935)
• Mulberry Dune color palette (#D6F5F9, #00836D, #924260, #6D2A44, #0B2C2F)
• Softworn Moss color palette (#F4F0D2, #849B38, #986CAA, #764D87, #2B270E)
• Emerald Bloom color palette (#D0F8F4, #259A40, #882550, #6A2305, #0C2C2A)
• Aubergine Coast color palette (#E2FCF6, #5C7D15, #6C0767, #571C41, #2F1725)
• Feathered Pine color palette (#DBF9F8, #008E58, #4D4696, #622128, #401700)
• Pale Emerald color palette (#FFE6F4, #009F62, #006678, #622A42, #12363B)

Browse the whole catalog at Explore, or see today's palette.