Tempered Garden color palette — #EDF7FA · #D3DDE9 · #B5C6E5 · #008789 · #0B2228

A conversation between Teal and Lilac Frost, giving this palette its sense of sophistication.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D3DDE9): bright and airy, almost weightless.
• Lilac Frost (#B5C6E5): A whisper-light, dusty violet — the color of a velvet chair.
• Teal (#008789): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0B2228): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, 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

• Cerulean Harbor color palette (#EFF6FA, #D6DCE8, #B9B3C8, #4398A4, #243135)
• Petrol Boulevard color palette (#EFF6FA, #D4D9E7, #9CBFDE, #006B81, #000F17)
• Charred Cerulean color palette (#CDEAFB, #0083A2, #00283C, #130E14, #000409)
• Tempered Forest color palette (#E4F1F4, #C2CED6, #92A2B7, #00635A, #1C3236)
• Cobalt Boulevard color palette (#E2F2FF, #A0C3ED, #6D7EC9, #65587D, #401B2A)
• Antique Azure Market color palette (#E9F8FF, #C5D7F5, #58DFFE, #00A6EE, #001117)
• Patina Atelier color palette (#D7FFFB, #00B5D0, #0074A1, #53207A, #001520)
• Soft Olive Corridor color palette (#E9F9F4, #A3C981, #3A8B2D, #1A5F3F, #001E18)

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