Tempered Courtyard color palette — #FFF1F6 · #A2D5FC · #517BD6 · #00656E · #3C3967

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Powder Blue (#A2D5FC): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#517BD6): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#3C3967): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Weathered Archive color palette (#FAF3F7, #C0E2F7, #658EB5, #216F6B, #394863)
• Washed Grove color palette (#EAFBE9, #84BDF3, #4761D2, #005460, #362269)
• Timeworn Cobalt Balcony color palette (#F0F4E6, #A8DDCC, #4186CC, #005D7C, #042251)
• Pale Periwinkle color palette (#ECF8F7, #C0DFFB, #489FF7, #007CA4, #1B3E76)
• Worn Workshop color palette (#F9E9F3, #7BBFBE, #00748A, #005332, #00324B)
• Timeworn Lantern color palette (#E9DCE6, #528A95, #00425C, #00231B, #00091B)
• Tempered Powder Market color palette (#FEF3E8, #CCE9FF, #91B5FF, #00A3B2, #3C386A)
• Airy Grove color palette (#EED8E1, #5D97BA, #04449A, #002F32, #110044)

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