Tempered Garden color palette — #F4F8E3 · #D1E7FD · #00A9D6 · #007179 · #00283B
Cyan and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4F8E3): A whisper-light, dusty green — the color of fresh herbs.
- Frost (#D1E7FD): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#00A9D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007179): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00283B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Ancient Harbor color palette (#F2F8E6, #DEE1F4, #459BFF, #006C93, #051F57)
- Timeworn Ridge color palette (#F6F7E5, #CCE3FD, #00C6CC, #008A75, #003D44)
- Denim Basin color palette (#DCE1CF, #51ABE5, #005794, #002937, #000105)
- Wandering Petrol color palette (#EAF5EC, #7BC8DD, #007CA7, #005250, #001B33)
- Softworn Archive color palette (#F4F6EE, #BEE0F3, #92C1E7, #528B9E, #4D364F)
- Gentle Cobalt Meadow color palette (#FFF2EB, #81C3D5, #0073B6, #005842, #212674)
- Quiet Balcony color palette (#D9FFF2, #00B491, #0094D5, #7B7600, #001711)
- Soft Seafoam color palette (#D8FFF5, #00EECB, #00947F, #004B3E, #000D09)
Browse the whole catalog at Explore, or see today's palette.