Tempered Courtyard color palette — #E5FAFF · #8ACFDB · #528AA5 · #2C608F · #313F79
Navy and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E5FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#8ACFDB): A luminous, dusty blue — the color of deep harbor water.
- Storm Blue (#528AA5): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#2C608F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#313F79): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.
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
- Powder Chapel color palette (#E3FEE2, #9FECFF, #76C6EE, #5E8FC3, #324371)
- Softworn Cypress color palette (#D6FFF9, #9ACCB5, #468D84, #006971, #004E61)
- Wandering Garnet Orchard color palette (#EDF7FF, #A6C1EA, #787DAD, #615082, #682F4E)
- Weathered Chapel color palette (#EAFAED, #6BB5BF, #507BA2, #7D484A, #344B58)
- Powdered Cobalt Coast color palette (#F3FAD8, #B6D3B4, #5AAAC5, #3F78BA, #4D377C)
- Tempered Cerulean Grove color palette (#EEF7FA, #D6DAE2, #B3AAB0, #5B8A99, #4C5457)
- Airy Aubergine color palette (#C3E6FF, #73A2DF, #545BAB, #482C89, #4E006E)
- Worn Aubergine color palette (#E0EFF6, #469BDC, #2C4EA7, #340D8B, #2E0056)
Browse the whole catalog at Explore, or see today's palette.