Tempered Garden color palette — #FCF1FC · #EA8189 · #5D9048 · #3A5E94 · #333358

Rose and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Rose (#EA8189): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#5D9048): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#3A5E94): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#333358): A deep, shadowed, dusty violet — the color of wild irises.

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

• Linen Apricot color palette (#FEF1F8, #E78862, #009583, #565593, #303556)
• Weathered Bronze Drift color palette (#F7F3FF, #D388BD, #908200, #006884, #25365D)
• Patina Thicket color palette (#FFF2EA, #EFA78A, #659A59, #00638E, #401B39)
• Blush Meadow color palette (#FFF2ED, #FF9F9F, #53B2AA, #5281AE, #143A5C)
• Taupe Garden color palette (#FFF0FF, #E5BFCD, #9D9E6C, #6A748C, #464D65)
• Worn Ember Grove color palette (#FFF2EA, #D76015, #716311, #5A376C, #542832)
• Aubergine Garden color palette (#FFF1F5, #D88600, #008985, #733292, #53123C)
• Driftwood Loft color palette (#EFF8EF, #A6CFBA, #7E9A64, #756C88, #30493D)

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