Quiet Courtyard color palette — #F3DAD2 · #B40031 · #005379 · #002B42 · #040000

A conversation between Ruby and Peacock, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F3DAD2): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B40031): A full-bodied, vivid red — the color of late-summer berries.
• Peacock (#005379): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002B42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Energy, Balance. Tagged cool.

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

• Feathered Mulberry color palette (#FFE6E6, #A6007F, #005863, #002E35, #040002)
• Shadow Onyx color palette (#FFE7CF, #925700, #004064, #0B004C, #01000B)
• Tempered Nightshade Quarry color palette (#F3E3D7, #944700, #203AB5, #0A1472, #030100)
• Eclipse Aubergine Meadow color palette (#F6DEE0, #72006D, #003D4A, #001E35, #030003)
• Velvet Nightshade Atelier color palette (#FFE3DD, #A9002B, #2000A3, #080044, #00000B)
• Tempered Chapel color palette (#F0DDC6, #BA5400, #374B00, #150058, #020100)
• Feathered Rose color palette (#FCE3DC, #EB4C68, #005B4B, #740024, #000200)
• Cocoa Terrace color palette (#F7D8E3, #643800, #004124, #001B3F, #0A0300)

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