Tempered Garden color palette — #E5F3E8 · #9CC9F3 · #5483DC · #006881 · #262A4F

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9CC9F3): A luminous, dusty blue — the color of deep harbor water.
• Azure (#5483DC): A luminous, balanced violet — the color of wild irises.
• Peacock (#006881): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#262A4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Azure Field color palette (#F3F7ED, #D9DEFB, #5A94DD, #00648A, #091B43)
• Cerulean Lagoon color palette (#E5F3E8, #76D6E0, #0095B5, #006D5F, #003249)
• Ancient Station color palette (#F6EBEE, #90B6D8, #4F65A3, #004E58, #2E2259)
• Azure Corridor color palette (#ECF9EE, #9EE9FB, #00AADF, #00837E, #174364)
• Pale Canyon color palette (#F5EDE4, #AEDFD1, #7F9FFB, #008EA0, #2E2456)
• Petrol Basin color palette (#DDECE0, #34AFE2, #006BAC, #004950, #000F3A)
• Weathered Cerulean Terrace color palette (#E3F2E6, #47A2AA, #006277, #003C33, #000B13)
• Ancient Parlor color palette (#FFE9E9, #F41B4C, #3A9100, #3568B3, #371014)

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