Tempered Garden color palette — #CFEAF0 · #00C4B5 · #5D7383 · #3B4D51 · #101B1A
A conversation between Turquoise and Slate, giving this palette its sense of sophistication.
The five colors
- Frost (#CFEAF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Turquoise (#00C4B5): A luminous, balanced teal — the color of sea glass.
- Slate (#5D7383): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#3B4D51): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#101B1A): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, 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
- Clover Quarry color palette (#D3EBE6, #7CBF61, #57767C, #384F4B, #111B15)
- Weathered Lantern color palette (#E5F5FD, #72C4DB, #727C8C, #475760, #1B2325)
- Wandering Azure color palette (#E3F1FD, #13ACF6, #646090, #2B4559, #051419)
- Lagoon Courtyard color palette (#DDE8DB, #00A59B, #3A5443, #263224, #161A12)
- Hushed Atelier color palette (#E3FAFF, #41B2A8, #2C4B58, #022329, #000708)
- Tempered Villa color palette (#CCE9F1, #007A7B, #003556, #181C22, #00090D)
- Powdered Villa color palette (#B7F2F5, #71DBD7, #41BEDC, #4592C4, #364D6C)
- Weathered Teal color palette (#FCF2F8, #D3E1F9, #99C2E8, #5BAA91, #3A4765)
Browse the whole catalog at Explore, or see today's palette.