Tempered Garden color palette — #FEF0FF · #87BFFF · #C36E6C · #645E22 · #282F00

Sky takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#87BFFF): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#C36E6C): A luminous, balanced orange — the color of autumn markets.
• Olive (#645E22): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#282F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Dusty Balcony color palette (#FFF0F9, #C4C5FF, #C18B76, #6C7028, #393C00)
• Gentle Mallow color palette (#FFF0F7, #BEACFF, #B77A4B, #1B6B50, #23300E)
• Aqua Station color palette (#E7FBEE, #00D0F3, #B0729F, #745618, #3A2700)
• Misty Station color palette (#E6F4FC, #339BB8, #984C27, #314A00, #152300)
• Hushed Mulberry Boulevard color palette (#EFF6FF, #6D89BC, #8B4A6D, #633F00, #004429)
• Airy Brick Villa color palette (#FFF0FC, #6994FF, #C9021D, #014E0F, #001802)
• Hushed Field color palette (#DDFEF1, #FFD7EF, #D9AAAF, #7F843C, #505503)
• Worn Archive color palette (#F1F5FF, #CDCDFF, #AF87DE, #885889, #5D384D)

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