Tempered Garden color palette — #FAF2FA · #6F93C0 · #A9697E · #58670F · #473748

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Slate Blue (#6F93C0): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A9697E): A full-bodied, balanced rose — the color of pressed rose petals.
• Olive (#58670F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#473748): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Washed Chestnut color palette (#FCF2F7, #8C89C1, #996A83, #865108, #4A3741)
• Worn Forest color palette (#F2F8EA, #7EAFC9, #836B99, #166949, #534152)
• Azure Loft color palette (#E8F3FF, #6399CF, #B07054, #646032, #1A242E)
• Taupe Studio color palette (#EBF9F5, #80B0DF, #CD8676, #867B48, #2F423D)
• Sunlit Fern color palette (#FFF2ED, #B86667, #905A32, #256300, #482A1F)
• Violet Coast color palette (#FFF1F5, #9452C1, #AC3063, #435100, #352243)
• Ancient Petrol color palette (#F0F7F4, #9FCCB9, #AA657A, #0077A1, #3C2825)
• Gentle Mulberry color palette (#DAFFEE, #B1C1EC, #8576AD, #8B3D74, #772F3C)

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