Tempered Garden color palette — #D2F5FC · #6397B8 · #5A6A89 · #66352C · #3C3200

Built around Slate Blue, softened by Cocoa — the whole palette hums with nature and growth.

The five colors

• Frost (#D2F5FC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6397B8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5A6A89): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#66352C): A deep, shadowed, dusty orange — the color of autumn markets.
• Espresso (#3C3200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Timeworn Ridge color palette (#D8F6FF, #759CB0, #546F9D, #6B323E, #4B2C3D)
• Antique Spruce Cabin color palette (#CBE6E9, #73A1A5, #347079, #543100, #0A2A00)
• Denim Studio color palette (#D2E1E9, #7587AF, #645082, #5A2C09, #362500)
• Muted Pewter color palette (#D6EDF6, #90A7BF, #70799A, #6A4A5F, #344F36)
• Patina Lilac Canyon color palette (#D7E2FA, #A797D5, #855A80, #5F4500, #384106)
• Muted Chestnut color palette (#ECEFD3, #98A982, #5687A9, #6B5100, #1E3E13)
• Wandering Summit color palette (#E2F4E5, #93BCD9, #7E90D8, #A3655E, #4C2D0D)
• Dusty Pewter color palette (#F0F5FF, #C4C4DB, #968FA1, #627B6C, #365155)

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