Hushed Courtyard color palette — #FFF2ED · #FF9896 · #35BAF8 · #A67FB2 · #39312E

Cyan and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Melon (#FF9896): A luminous, balanced orange — the color of sun-warmed clay.
• Cyan (#35BAF8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Dusty Rose (#A67FB2): A luminous, balanced pink — the color of neon signs at night.
• Espresso (#39312E): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

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

• Apricot Corridor color palette (#FFF2EB, #FF9B7E, #6CB3F3, #6295C3, #38312D)
• Dusty Market color palette (#FDF4E7, #DCBF81, #7EBDF5, #B289B3, #413C36)
• Turquoise Balcony color palette (#FCF4E8, #E0B15E, #00B5C1, #8D6FBC, #342511)
• Jade Boulevard color palette (#FFF3E7, #E8C26E, #72B970, #9371AE, #3F3D36)
• Sunlit Field color palette (#FFF3E6, #F59B19, #6EB07A, #985D7D, #2F2213)
• Ancient Raspberry color palette (#FFDDC9, #FF9875, #0086E3, #D02587, #381104)
• Worn Pier color palette (#F8F5EF, #D8DDD3, #A4BFB7, #C3A868, #4C473F)
• Tempered Courtyard color palette (#F1F0DA, #A4D273, #7C7FE2, #C55B70, #292810)

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