Brick Courtyard color palette — #F9D6C9 · #B60026 · #006246 · #003958 · #100001

Built around Ruby, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F9D6C9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#B60026): A full-bodied, vivid orange — the color of toasted spice.
• Pine (#006246): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#100001): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Brick 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

• Washed Plum Courtyard color palette (#FFEBE6, #B30044, #4B5A00, #003D44, #100002)
• Timeworn Alley color palette (#FFE8D5, #924B00, #006058, #003D43, #0B0300)
• Ancient Thicket color palette (#F5DED9, #B4254E, #245200, #00196C, #160005)
• Misty Aubergine Terrace color palette (#F9E6D5, #8C4F00, #005E66, #440083, #0A0300)
• Weathered Forest color palette (#F6E7D6, #815200, #135403, #002348, #060001)
• Washed Lagoon color palette (#EBDCC7, #B74B26, #584A00, #220080, #150700)
• Ember Parlor color palette (#FFE3DF, #CD590B, #704C00, #353200, #060F00)
• Feathered Garnet color palette (#F0D9D1, #C46063, #5F5300, #85001F, #020200)

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