Tempered Garden color palette — #F4F7ED · #8BC09A · #8188BA · #5C62A1 · #5C3822

A conversation between Slate and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Mint Leaf (#8BC09A): A luminous, dusty teal — the color of shallow lagoons.
• Slate Blue (#8188BA): A luminous, dusty violet — the color of wild irises.
• Slate (#5C62A1): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5C3822): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

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

• Petrol Thicket color palette (#F4F6EE, #8EBF99, #6C9976, #5E60A5, #613700)
• Terracotta Hollow color palette (#F5F6EA, #98BE8B, #728BC2, #9A5143, #474414)
• Hushed Chartreuse color palette (#E8FAF4, #BBD97E, #729DCE, #845C74, #3F314C)
• Patina Pewter Veranda color palette (#FEF3EA, #D9A47F, #499B9B, #8D5082, #5D3539)
• Petrol Balcony color palette (#EAF9F9, #66A78D, #197D95, #424F86, #1F4C41)
• Hushed Cocoa Orchard color palette (#FDF5DF, #D9DCCA, #A2B4A0, #9A7D78, #7B401B)
• Softworn Boulevard color palette (#F9F4EF, #CDE6E8, #9BB2DB, #44949C, #65485A)
• Soft Mulberry Field color palette (#F4F3E3, #80A34F, #1B78B3, #940047, #253100)

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