Soft Courtyard color palette — #CAE4E5 · #00B386 · #5182E3 · #007557 · #0A245A
Azure takes the lead with Jade close behind in a set that reads as calm and balance at first glance.
The five colors
- Silver (#CAE4E5): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#00B386): A luminous, balanced teal — the color of sea glass.
- Azure (#5182E3): A luminous, balanced violet — the color of twilight just after sunset.
- Pine (#007557): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#0A245A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Hazy Cornflower Courtyard color palette (#ECFBDC, #00C896, #558CFF, #007557, #021243)
- Indigo Boulevard color palette (#D4EBF1, #009A97, #7456E1, #005F5D, #1D0050)
- Antique Orchid Delta color palette (#C4E4F2, #00ABC3, #A466CD, #007080, #3C0956)
- Hushed Emerald color palette (#D3EDEE, #009F6E, #0086AF, #7B6800, #002718)
- Hushed Quarry color palette (#E6F9FF, #66CACB, #A997DF, #009395, #463869)
- Soft Bronze color palette (#C0E6EF, #00AFAB, #9F8400, #007270, #322800)
- Pale Teal Lantern color palette (#A6F5E4, #4DBEA4, #008571, #005142, #001F19)
- Quiet Peony Veranda color palette (#D4E5C0, #37E2AE, #C564B5, #009972, #42123B)
Browse the whole catalog at Explore, or see today's palette.