Hushed Courtyard color palette — #ECF8F7 · #90BB99 · #0876AD · #007334 · #132635

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

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Sage (#90BB99): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0876AD): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#007334): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#132635): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. 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

• Wandering Indigo Studio color palette (#EDF7F9, #7ABEB0, #6B61B4, #006F62, #1D2338)
• Weathered Petrol color palette (#EFF3EC, #65C8AF, #00829E, #007661, #03120A)
• Fern Grove color palette (#EFF7F3, #B8B16F, #008078, #6B6100, #052930)
• Wandering Workshop color palette (#EBF8F9, #7BD9BE, #00A2B1, #00967A, #15272E)
• Aged Bloom color palette (#FFF0F7, #63A78F, #007497, #793900, #18444D)
• Pale Navy Chapel color palette (#DCFFE5, #71B6AA, #008896, #005479, #1A3582)
• Lagoon Thicket color palette (#EFF7F8, #D5DBE3, #BBBFCE, #1F8675, #3B4B4E)
• Mulberry Harbor color palette (#EEF7FC, #5AA5C1, #903180, #005871, #1C1328)

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