Hushed Courtyard color palette — #F8F5EF · #C5E1CC · #42C0DD · #B29745 · #17211B

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Celadon Mist (#C5E1CC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#42C0DD): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#B29745): A luminous, balanced green — the color of fresh herbs.
• Onyx (#17211B): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Hushed 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 Aqua color palette (#EEF8F4, #DAE6A4, #6DC9CC, #A8B273, #233035)
• Antique Periwinkle Alley color palette (#F5F6EF, #B1ECEF, #9AA9F1, #7DA86E, #271A23)
• Tempered Mint Chapel color palette (#FAF4F0, #E2DAD0, #62C68F, #CA876C, #1C2013)
• Tempered Mint Bloom color palette (#F6F6E9, #9DC67C, #39A6C3, #8F5B71, #29291A)
• Ancient Veranda color palette (#F4F7E7, #CBDCCA, #8BCEFF, #B2AEB9, #354130)
• Antique Olive Archive color palette (#F2F2EB, #B5CD9B, #53917F, #617C3F, #11190B)
• Dusty Teal Bloom color palette (#FFF2EF, #D4E6A7, #50B4B6, #955F79, #3E4039)
• Hushed Corridor color palette (#F9F6E3, #D6E547, #1D94FB, #7D8600, #120415)

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