Tempered Courtyard color palette — #F3ECF2 · #81BDC2 · #007299 · #00532E · #0C2B5E

Peacock takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3ECF2): bright and airy, almost weightless.
• Ash (#81BDC2): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#0C2B5E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Courtyard 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

• Petrol Ridge color palette (#F7EBF0, #8CB8D4, #4364B1, #00504C, #312158)
• Petrol Lantern color palette (#EEE8DF, #76C2C9, #00778F, #004C41, #001925)
• Cerulean Coast color palette (#E8F1EA, #95D0D6, #0096B3, #006E5E, #003248)
• Cornflower Meadow color palette (#FCF2F7, #ACD4F0, #417CDC, #00675E, #3E356E)
• Gentle Sapphire color palette (#C9E6D4, #937E00, #1468C7, #564800, #002757)
• Hushed Cypress color palette (#F9F3F8, #D4E1F3, #749FBD, #3A7E60, #45536A)
• Worn Navy Summit color palette (#F4E8F0, #448BA2, #003E6E, #00231B, #06002B)
• Wandering Nightshade color palette (#E9DBE0, #6494C0, #3431AC, #002F31, #1E0037)

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