Tempered Garden color palette — #FBF2F6 · #D9DEF0 · #829AC3 · #437882 · #4B5169

Blue Fog takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D9DEF0): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829AC3): A luminous, dusty violet — the color of wild irises.
• Slate (#437882): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4B5169): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Cerulean color palette (#F1F7F2, #D9DDED, #93B5D9, #3495A4, #41536F)
• Timeworn Cypress color palette (#E4FAFF, #6CC1BA, #BE84A0, #00847D, #564563)
• Petrol Harbor color palette (#F5F1EB, #C7E2E4, #74A89C, #007988, #442D41)
• Washed Denim color palette (#EADDE3, #70A7C1, #285697, #003F37, #1E0F4F)
• Worn Forest color palette (#FCF2F8, #A3CCE2, #517CA6, #00624E, #33375B)
• Tempered Lagoon color palette (#E5DBE6, #39A19D, #005265, #033305, #001529)
• Navy Delta color palette (#F4E6EB, #5585AD, #272E86, #002223, #0F0022)
• Weathered Study color palette (#DCFCFF, #5EA991, #BB7370, #92664B, #2E484A)

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