Tempered Garden color palette — #EEEFE6 · #7ABEC6 · #007587 · #00504E · #003442

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EEEFE6): a clean, paper-quiet neutral.
• Ash (#7ABEC6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007587): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Denim Alley color palette (#EAEEDE, #70A7BF, #005F85, #003C47, #002139)
• Washed Boulevard color palette (#F5F6EB, #98CFDE, #0085A7, #005F65, #164435)
• Periwinkle Garden color palette (#D1F7E3, #A0D0F0, #669ADF, #006977, #103729)
• Quiet Sapphire color palette (#ECF0E5, #8DB6DE, #0464CB, #004B6A, #1B2C54)
• Cypress Quarry color palette (#F5F6EF, #C7E6E1, #5DA5BA, #257D7E, #43584E)
• Feathered Lapis color palette (#CBEAD7, #00788E, #5542C7, #005D29, #00242C)
• Hushed Lantern color palette (#E8EBDE, #3B8CA6, #00425B, #002226, #000B15)
• Feathered Emerald color palette (#F9EBE6, #97E2EA, #4BB0E2, #20955E, #152C57)

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