Muted Courtyard color palette — #FCF3F0 · #CEE8E2 · #8AB9D1 · #679275 · #5E4C5D

Eucalyptus and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Honeydew (#CEE8E2): A whisper-light, dusty teal — the color of sea glass.
• Ash (#8AB9D1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Eucalyptus (#679275): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5E4C5D): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Lagoon Hollow color palette (#FAF4EE, #C6DFEF, #C9A4C0, #579291, #654955)
• Softworn Driftwood color palette (#FCF3F1, #CEE9DF, #94BCA5, #71906D, #2D5349)
• Soft Harbor color palette (#FFF2EA, #A5E6FF, #649FE2, #008570, #393969)
• Fern Alley color palette (#F6F7E2, #C4EDDD, #A0D1D6, #AC9D7C, #435610)
• Patina Denim Ridge color palette (#F5E1D7, #5E9DAB, #005E8F, #003D2B, #03002E)
• Ancient Teal color palette (#F0FADE, #AEE4C9, #73B18F, #407A5A, #15432D)
• Dusty Lantern color palette (#F9ECE1, #9FD1BD, #6685C4, #006D66, #2F2355)
• Bronze Balcony color palette (#FFF3E6, #D8C9A9, #B29677, #A1633F, #4F4900)

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