Tempered Garden color palette — #EFF8F1 · #D7DDFA · #6491DF · #00667E · #161A3E
A conversation between Lavender Blue and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Powder Blue (#D7DDFA): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#6491DF): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#00667E): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Indigo (#161A3E): A deep, shadowed, dusty violet — the color of wild irises.
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
- Patina Corridor color palette (#EDF9EF, #B6F1FF, #009FD1, #006A65, #002038)
- Weathered Periwinkle color palette (#F7EBEF, #B0D8FC, #87A2E8, #008E9F, #2E2455)
- Wandering Loft color palette (#D6E5D8, #54B2BB, #005F72, #002C25, #000103)
- Timeworn Station color palette (#EEE8E1, #8EBFB1, #4965B7, #004A53, #170B37)
- Patina Glacier Terrace color palette (#ECF9EE, #5DE1F3, #0087A8, #00524A, #000E1A)
- Weathered Petrol Corridor color palette (#E6F2E8, #61C4F0, #006CAB, #003D43, #00020D)
- Wandering Shell color palette (#F5F3FF, #ECD8DA, #FFAEB9, #8B7BB4, #2B213A)
- Magenta Field color palette (#FBF1FF, #CC4DF3, #AC7600, #007A7D, #18021F)
Browse the whole catalog at Explore, or see today's palette.