Tempered Garden color palette — #EBF7FF · #DBDAE4 · #B0AEA3 · #72B4C0 · #435063
A conversation between Cyan and Charcoal Brown, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Silver (#DBDAE4): a clean, paper-quiet neutral.
- Ash (#B0AEA3): a calm mid-gray that lets other colors speak.
- Cyan (#72B4C0): A luminous, dusty blue — the color of open sky before noon.
- Charcoal Brown (#435063): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, 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
- Antique Azure Atelier color palette (#F2F5FF, #F2D7DE, #EEC0A0, #44AEF0, #464364)
- Aged Workshop color palette (#EEF6FF, #E8D4ED, #FFAFCD, #00ACB9, #2F315F)
- Worn Taupe color palette (#E7FBED, #A9DECC, #C2AA64, #A67F62, #264341)
- Tempered Harbor color palette (#E0F3D9, #D7D836, #75D5FF, #425C6C, #212C34)
- Hushed Parlor color palette (#F2F5FF, #B4AEFF, #BAB056, #9A924A, #2C3246)
- Dusty Iris color palette (#F0F5FF, #DCD997, #7990DD, #516385, #1C222C)
- Mallow Alley color palette (#DDF9EF, #FFE4FA, #D0B2E2, #5F8468, #1D3530)
- Weathered Thicket color palette (#DDEBFF, #D193DB, #EA6279, #006F87, #0F0829)
Browse the whole catalog at Explore, or see today's palette.