Dusty Courtyard color palette — #F0F7F1 · #C4E8D4 · #B1BC8E · #8BA18E · #415248

A conversation between Sage and Celadon Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Celadon Mist (#C4E8D4): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B1BC8E): A luminous, dusty green — the color of fresh herbs.
• Taupe (#8BA18E): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#415248): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Dusty 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 Canyon color palette (#E8F9FA, #D0DDEA, #9EC29F, #BDB1B6, #3B5156)
• Bronze Station color palette (#FEF3E8, #DCE4C9, #9EB791, #AD7A44, #584300)
• Timeworn Teal Ridge color palette (#E9F9F7, #AEE3CC, #5DBFB4, #6F9A95, #2E4849)
• Muted Courtyard color palette (#E8F9F9, #A3E6C4, #F8ABD8, #64BD94, #534662)
• Weathered Clover Basin color palette (#E5FCEF, #C1DA8D, #6BBB5F, #918B50, #1A4338)
• Dusty Basin color palette (#E1FBFD, #83DCBC, #BBB3FB, #D8A083, #2E4749)
• Aged Chestnut Atelier color palette (#F6F1E8, #CFC2A2, #84875B, #7C5B11, #33312A)
• Misty Quarry color palette (#DEF0EC, #6CBB8B, #009479, #487033, #002020)

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