Hushed Courtyard color palette — #FEF1F5 · #BEA6D2 · #B47D69 · #4F762B · #024A5E

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Mauve (#BEA6D2): A luminous, dusty violet — the color of twilight just after sunset.
• Caramel (#B47D69): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#4F762B): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#024A5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Cabin color palette (#F4F4FF, #DEBBFB, #C8886A, #407670, #243B4D)
• Ancient Bronze Market color palette (#F9F3F9, #95B2E4, #B37798, #8E5D14, #214D33)
• Tempered Villa color palette (#FEF2F0, #DD9BB2, #A08A4A, #007A70, #56374C)
• Bronze Market color palette (#FFEDEB, #C77A9B, #8C6D00, #005D55, #242356)
• Tempered Terrace color palette (#F1F5FF, #B8C3FF, #C0A575, #5B957B, #1E4A4C)
• Tempered Lantern color palette (#FFF1F5, #EACECF, #BA9E96, #8B863D, #3F5715)
• Wandering Summit color palette (#FFECF0, #B887BE, #6C504F, #453236, #281E22)
• Fern Studio color palette (#F5F6EE, #CCD6B8, #8FA382, #8E7486, #44550C)

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