Muted Courtyard color palette — #EFF8F3 · #EAE09D · #7AC3DE · #B6AD6D · #253036

Celadon Mist and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Celadon Mist (#EAE09D): A whisper-light, balanced green — the color of new leaves after rain.
• Sky (#7AC3DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sage (#B6AD6D): A luminous, balanced green — the color of new leaves after rain.
• Deep Forest (#253036): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, light, muted.

Use it as a design system

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

• Tempered Mint color palette (#FBF2F6, #FFD4BB, #7AC9B5, #D09E81, #203133)
• Ancient Powder Villa color palette (#ECF8F7, #B7EEBC, #A0B4F6, #87BA8C, #292E37)
• Straw Harbor color palette (#F7F5EC, #C7DB91, #4AAEA9, #85945E, #293028)
• Muted Terrace color palette (#EBF9F5, #92CA7F, #AC9BD2, #8186AC, #3F303C)
• Wandering Celadon color palette (#FEF0FF, #B0E198, #74BBC9, #A77D95, #354D4D)
• Airy Chartreuse Market color palette (#E4FCF2, #C5DD3A, #58ACFF, #93A600, #051E36)
• Worn Cabin color palette (#EEF8F5, #D3DDE3, #B1B1BD, #6B5B56, #454B4D)
• Antique Olive color palette (#F4F2EA, #CDC3A0, #418EA6, #777600, #0A1A12)

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