Tempered Garden color palette — #FDF1F9 · #A5CDD7 · #1B869A · #19623D · #113F58
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Oat (#A5CDD7): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#1B869A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#19623D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#113F58): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Tempered Cobalt color palette (#FFF1F6, #A4CAE6, #497AB9, #005F61, #32365F)
- Weathered Lagoon Chapel color palette (#F2F3E9, #B6CFB5, #008D93, #005D4F, #00262B)
- Cypress Terrace color palette (#EEF8F5, #BBDBE3, #3AA7AD, #007E6C, #00434B)
- Dusty Ash Atelier color palette (#F1F7F1, #DBDDEE, #869ABC, #4A7587, #4C5166)
- Tempered Lagoon color palette (#F6E9F3, #398F92, #004454, #002415, #000A15)
- Aged Aqua Ridge color palette (#FBF3F0, #CCEACA, #00C7E5, #4F9F70, #184436)
- Antique Courtyard color palette (#F9E9F7, #D06B6A, #008B82, #9D1D2A, #003F3A)
- Ancient Rust color palette (#F8DAF5, #C44C50, #007C7D, #255B7E, #3B203A)
Browse the whole catalog at Explore, or see today's palette.