Tempered Garden color palette — #E4EEE6 · #7EA4BF · #005999 · #003D45 · #061A4C

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#E4EEE6): a clean, paper-quiet neutral.
• Blue Fog (#7EA4BF): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#005999): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#061A4C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Aged Denim color palette (#DAE7DC, #75A8B5, #00636D, #00402E, #00242E)
• Muted Ultramarine color palette (#F6E7ED, #63A5C8, #004AC7, #003A34, #0D002A)
• Soft Iris color palette (#C7E4FF, #9BA9D7, #977CBF, #005263, #08264F)
• Sapphire Balcony color palette (#F4E8DF, #83B9D7, #376FD8, #005A53, #20173E)
• Tempered Petrol Cabin color palette (#EDF9EF, #67C8D6, #007A97, #00574D, #003752)
• Cobalt Boulevard color palette (#D6E1EC, #2F8AD7, #004781, #001A3C, #000715)
• Muted Quarry color palette (#D4EDEF, #007C94, #005875, #003051, #18103A)
• Hushed Azure color palette (#F0E6D7, #76CBF9, #2B96F0, #007B89, #0B1C44)

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