Hushed Courtyard color palette — #FFF1F6 · #C8B8F1 · #C8B57F · #6DAB73 · #4C363F

Jade and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C8B8F1): A luminous, balanced violet — the color of wild irises.
• Sand (#C8B57F): A luminous, dusty green — the color of new leaves after rain.
• Jade (#6DAB73): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#4C363F): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Washed Lagoon Alley color palette (#FFF1F2, #EAB4D7, #CDA067, #3C9B77, #523753)
• Worn Teal Boulevard color palette (#FFF1F1, #E6B0CC, #9CC490, #44ABAF, #4B3737)
• Timeworn Taupe Summit color palette (#E7FAF5, #98C7F8, #E2A692, #A19D5B, #2B433D)
• Worn Marigold color palette (#EFF6FF, #A6C3FB, #CEA85A, #399194, #2B323D)
• Antique Stone Courtyard color palette (#FBF3F4, #DFD8D5, #CBA7CB, #A9B6AD, #5B4F51)
• Ancient Courtyard color palette (#FFE8E8, #E688C4, #79B264, #009692, #3E191C)
• Misty Moss Grove color palette (#FFF1F4, #EFA9FF, #8F9C00, #00A07B, #3C1B44)
• Hushed Bronze color palette (#FFF2EF, #D994A5, #C08E79, #9A7238, #4F3632)

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