Hushed Courtyard color palette — #E7F1EF · #C8DCDE · #96BFCD · #478245 · #22312F

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

The five colors

• Cream (#E7F1EF): a clean, paper-quiet neutral.
• Silver (#C8DCDE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#96BFCD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#478245): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#22312F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Workshop color palette (#EEEFE8, #C8D7D0, #A5BEBC, #65A45D, #2E2F22)
• Lagoon Lantern color palette (#E8F8FE, #CAE2F2, #A0C0EC, #00888D, #193841)
• Hushed Cypress Quarry color palette (#E2EBEB, #B5C8CD, #85ABC1, #007253, #072425)
• Washed Balcony color palette (#D9E9E3, #7CB585, #00856E, #505B28, #00302E)
• Tempered Cypress Meadow color palette (#CCF4F8, #00856D, #003A42, #001A1D, #000605)
• Timeworn Chestnut color palette (#D9E8CC, #6FB5A9, #458FA7, #8B4B3B, #4C2A3E)
• Hazy Atelier color palette (#F0D5E5, #53A94C, #00787D, #82103F, #002C1D)
• Ultramarine Delta color palette (#CDE8E2, #509C0A, #334EDD, #722600, #3A0F00)

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