Muted Courtyard color palette — #FFF1F4 · #C9DEAE · #A687B3 · #7B5861 · #2D1C21

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

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Celadon Mist (#C9DEAE): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#A687B3): A luminous, dusty pink — the color of neon signs at night.
• Graphite (#7B5861): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#2D1C21): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Pale Market color palette (#FFF2EE, #D8D377, #CB6D77, #8B414A, #2D120A)
• Pewter Boulevard color palette (#FFF1F2, #EED8BE, #936588, #4E2A45, #180B0D)
• Lime Atelier color palette (#F8DDDF, #BBCB0C, #B457A0, #743066, #220408)
• Taupe Archive color palette (#FCF3F1, #DFD9D2, #B2B8A7, #CF9AAB, #524442)
• Aged Aubergine color palette (#F1F0FD, #A5BE82, #694379, #321D3B, #0C0B16)
• Rust Workshop color palette (#ECDAD2, #C6BB65, #BA564D, #6C3732, #190400)
• Frosted Moss color palette (#FFF1F6, #C2A4F3, #8CAA52, #438DB3, #38222B)
• Aged Mallow Boulevard color palette (#FFF4DB, #F7AED1, #D19477, #428BB0, #50352F)

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