Muted Courtyard color palette — #F8DBD7 · #FF5CA0 · #905451 · #5C3632 · #1B0D0E

Bubblegum and Coffee set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F8DBD7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bubblegum (#FF5CA0): A luminous, vivid rose — the color of pressed rose petals.
• Coffee (#905451): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5C3632): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#1B0D0E): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Wandering Coral color palette (#FCE6DC, #FF6A57, #8D5934, #47403C, #1A0E0C)
• Hazy Rose color palette (#FEE5DF, #ED3F70, #7B4134, #47251E, #0B0202)
• Worn Studio color palette (#F9DADF, #EE50F5, #8E506D, #58373D, #190E12)
• Faded Peony Delta color palette (#FAF1FF, #FE2097, #563020, #1D0E24, #020106)
• Chalky Scarlet color palette (#FFE8DD, #E01D00, #663200, #35100A, #050000)
• Tempered Amber color palette (#EEDBCA, #CF7A00, #6E5500, #4C2C08, #110400)
• Nocturne Pier color palette (#F4E4FA, #C10068, #371F3A, #17091D, #05020A)
• Faded Rust color palette (#FFD4E1, #FFA1AD, #FF766F, #D24F12, #672E00)

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