Tempered Garden color palette — #FFF2EE · #B66672 · #40805D · #005C74 · #442C26

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mocha (#B66672): A luminous, balanced red — the color of late-summer berries.
• Fern (#40805D): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005C74): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#442C26): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Patina Station color palette (#FFF1F3, #9B6FA0, #757625, #006153, #47292F)
• Ancient Veranda color palette (#FFF2EA, #B88169, #388E8C, #375F98, #423C37)
• Weathered Olive Villa color palette (#FDF3EC, #B47952, #3E7229, #005065, #432B57)
• Tempered Bronze color palette (#FFF4E2, #BF8970, #806626, #005768, #5A3200)
• Nightshade Balcony color palette (#FFF3E7, #A76400, #007484, #2D35AC, #402400)
• Brick Pier color palette (#FCDDCE, #BD2400, #006760, #004261, #400600)
• Orchid Chapel color palette (#FFECF1, #A26BC1, #008876, #663D7E, #261419)
• Quiet Amber color palette (#FFF0F7, #E1833E, #64A161, #447F41, #422B36)

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