Quiet Courtyard color palette — #ECDBE9 · #FC6F5F · #AF7700 · #546C00 · #3A0034

Built around Watermelon, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#ECDBE9): A whisper-light, dusty pink — the color of neon signs at night.
• Watermelon (#FC6F5F): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AF7700): A luminous, balanced gold — the color of old brass.
• Olive (#546C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#3A0034): A deep, shadowed, balanced pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Quiet 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

• Blush Veranda color palette (#FDEBFC, #FF8A8C, #C5841C, #5F7C09, #48133B)
• Wandering Tangerine Drift color palette (#F5D8E4, #EB8400, #908700, #007634, #3F0020)
• Ember Chapel color palette (#FBE1F0, #EA5D00, #8D6E00, #305F00, #26001B)
• Frosted Blush color palette (#EDDAF0, #F0758F, #C3681F, #706200, #012804)
• Softworn Ember Balcony color palette (#FEE6F3, #D25300, #766300, #5F1785, #160006)
• Weathered Apricot color palette (#FFF0F8, #FCA674, #AEA157, #4D8E59, #542737)
• Pale Ember Workshop color palette (#FEDCD8, #FE7F61, #DA5B1C, #AD4C00, #462000)
• Aged Peony Quarry color palette (#E8DBF4, #CF4F9A, #5A6D00, #004B56, #00232F)

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