Tempered Garden color palette — #FFF2EC · #7FDFF1 · #1688C4 · #006A49 · #2E3D6A
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#7FDFF1): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#1688C4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006A49): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2E3D6A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Washed Basin color palette (#FDF3EA, #A0D5FF, #6479CC, #006667, #45375E)
- Dusty Aqua Canyon color palette (#FFF2EB, #17CCF0, #0073B7, #005843, #242B67)
- Cerulean Corridor color palette (#E4F6F3, #A1DBE7, #0091B1, #006265, #002939)
- Patina Veranda color palette (#FFF2EE, #CAE5CA, #5194AD, #486C4E, #534055)
- Wandering Turquoise color palette (#F5F7E9, #ABE7F3, #25ACCD, #008285, #00475E)
- Worn Onyx Balcony color palette (#FAECE6, #3C9FAA, #005070, #00321C, #000D3C)
- Powdered Ember color palette (#FFF2EA, #E96800, #009099, #943F00, #004348)
- Dusty Studio color palette (#FFE5DC, #D84800, #007EA2, #375B8F, #4A2518)
Browse the whole catalog at Explore, or see today's palette.