Tempered Garden color palette — #D8FFF5 · #E4DEF7 · #D1B2F6 · #428DA3 · #503B4D

A conversation between Lavender and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D8FFF5): A whisper-light, dusty teal — the color of sea glass.
• Thistle (#E4DEF7): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#D1B2F6): A luminous, balanced violet — the color of twilight just after sunset.
• Cerulean (#428DA3): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#503B4D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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

• Wandering Parlor color palette (#E1FEEB, #C3E7FF, #A6BDF8, #499D9C, #2B4A3D)
• Ancient Cabin color palette (#FFF1F7, #F2D6FF, #F7A7CA, #747FAE, #4D333C)
• Turquoise Terrace color palette (#ECF7FF, #DDD7EC, #F3C0FD, #00B5C8, #2D405F)
• Azure Lagoon color palette (#EEF6FF, #DBD9E3, #C7A8A9, #3B9CD4, #1D314B)
• Linen Wisteria color palette (#F7E4F5, #B1B4FF, #C381DF, #00769D, #371930)
• Ancient Orchard color palette (#FFF1F6, #ECD7DC, #BCB6A5, #BF9DB5, #5B494D)
• Hushed Periwinkle color palette (#E6F0D2, #FF9B94, #96A7FF, #412C3B, #1E171C)
• Peony Corridor color palette (#DBDCF7, #C4A6F2, #C875B3, #15579A, #160D2E)

Browse the whole catalog at Explore, or see today's palette.