Hushed Courtyard color palette — #FFF1F1 · #E5ABCD · #BB7B6D · #52734B · #291E29

Caramel and Carnation set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Carnation (#E5ABCD): A luminous, balanced pink — the color of neon signs at night.
• Caramel (#BB7B6D): A luminous, balanced orange — the color of toasted spice.
• Olive (#52734B): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#291E29): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aged Mallow Study color palette (#FFF1F4, #C89DD0, #C28290, #6E6C3B, #192F28)
• Aged Summit color palette (#FEF1F9, #ADB9FA, #A98F4B, #347773, #342530)
• Patina Delta color palette (#FFF1F0, #E47F9D, #159E8D, #007265, #20111D)
• Taupe Pier color palette (#F8F6E3, #DCD7FF, #C68FA9, #418072, #4D393E)
• Worn Mallow color palette (#FFF1F2, #D794CD, #644F4A, #342728, #140D10)
• Muted Taupe color palette (#EDF7FD, #83C5DA, #ADA456, #659662, #20373C)
• Patina Market color palette (#FFF0FA, #E7D5E0, #D1A3CA, #A05C6F, #68211F)
• Taupe Courtyard color palette (#FBF2F6, #E0D8D5, #AEB7AF, #C89D99, #534A4E)

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