Tempered Garden color palette — #FFE5F9 · #2700EF · #5A4000 · #372600 · #050004

A conversation between Cobalt and Bronze, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFE5F9): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#2700EF): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#372600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Midnight Ultramarine color palette (#FCE9F6, #2100E0, #343400, #1F1F00, #020200)
• Frosted Grape Cabin color palette (#F2DFEA, #4C00DB, #235200, #133100, #01000E)
• Charred Basin color palette (#DDE4FF, #522EA5, #711200, #161B00, #010008)
• Velvet Balcony color palette (#F2E1E7, #7600C2, #2D3F00, #0E2000, #000201)
• Worn Denim color palette (#DDF4EC, #005887, #5E3D00, #3A2400, #000205)
• Quiet Ultramarine Field color palette (#C8EAD8, #1A53DB, #6C0057, #002718, #040014)
• Charred Nightshade color palette (#DBE9FF, #0407AA, #4F0037, #001714, #000010)
• Amethyst Alley color palette (#D7E9FF, #6C4BEE, #780083, #40001E, #070100)

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