Tempered Garden color palette — #F4DFF2 · #F04552 · #7A8900 · #B9002A · #0E1100

Built around Scarlet, softened by Ruby — the whole palette hums with nature and growth.

The five colors

• Blush (#F4DFF2): A whisper-light, dusty pink — the color of peonies in June.
• Scarlet (#F04552): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#7A8900): A full-bodied, balanced green — the color of fresh herbs.
• Ruby (#B9002A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#0E1100): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Airy Scarlet color palette (#F9DCD9, #EA0027, #8E7100, #9039A6, #170001)
• Emerald Villa color palette (#F2D6E4, #DC6600, #009A3D, #9B4600, #001504)
• Dusty Station color palette (#F0E0FE, #D954A0, #A07800, #AE0076, #160E00)
• Patina Delta color palette (#FDE6FE, #C73F5A, #00747F, #84002C, #001316)
• Washed Coast color palette (#FCD8F2, #FF937B, #7DBD00, #F23708, #203500)
• Apricot Balcony color palette (#FBDDF3, #EBA78B, #E18E3B, #B85B63, #2F0600)
• Byzantium Archive color palette (#F9D9EE, #D14C1A, #8A45D2, #932C00, #0A0019)
• Muted Orchid Archive color palette (#F1D7E1, #CD7300, #B748C3, #904F00, #1F0022)

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