Hushed Courtyard color palette — #F7F6E8 · #C8DF9F · #D8B5FD · #9CB271 · #60434E

Built around Lavender, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Celadon Mist (#C8DF9F): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#D8B5FD): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#9CB271): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#60434E): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. 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

• Dusty Moss Market color palette (#F7F6E9, #B9CD95, #BFA1E5, #7F974E, #62424F)
• Ancient Teal color palette (#F1F8EC, #A3E5CF, #F9ACCE, #5EBDA1, #674240)
• Tempered Alley color palette (#FCF4EA, #F5CE95, #9ECBFF, #D09E52, #5A445C)
• Washed Powder color palette (#F7F7E1, #B4D39A, #8AC2FF, #DB9AA2, #43433C)
• Wandering Fern Bloom color palette (#F6F6E7, #B8E4DB, #BECAA5, #BAB5BF, #4B5403)
• Misty Mallow color palette (#E8F3DD, #5CD9AF, #FF91D0, #009E78, #4F243E)
• Aged Cocoa color palette (#FDF3EC, #EDD5BC, #DFA887, #AF8875, #604100)
• Softworn Olive color palette (#F2F7EC, #F1DBB0, #68AF92, #5D7737, #292D25)

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