Quiet Courtyard color palette — #D1E8CA · #C28F00 · #FC2C3A · #370E0E · #0B040A

Scarlet takes the lead with Mustard close behind in a set that reads as optimism and energy at first glance.

The five colors

• Celadon Mist (#D1E8CA): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#C28F00): A luminous, balanced gold — the color of honey in a jar.
• Scarlet (#FC2C3A): A luminous, vivid orange — the color of sun-warmed clay.
• Onyx (#370E0E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0B040A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Quiet 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 Amber Quarry color palette (#D7F4E6, #A69C00, #D96700, #2E1323, #10040A)
• Powdered Summit color palette (#DEE1C5, #E27800, #F7009A, #1F0F28, #0A040F)
• Washed Amber Canyon color palette (#E8DAEB, #D87400, #820038, #360315, #060008)
• Magenta Hollow color palette (#F6F0DC, #FB5D27, #E600D8, #290A26, #06030E)
• Pale Tangerine Market color palette (#F8DFF6, #D9AA00, #FF744C, #532112, #1D0E19)
• Ember Lantern color palette (#FBE2DB, #E05E00, #934D00, #522F00, #231500)
• Wandering Grove color palette (#CAECF3, #A1A500, #FA29BC, #54143F, #100303)
• Dusty Rose Drift color palette (#F7EBF7, #F54B67, #994400, #9C0030, #0B0005)

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