Brick Courtyard color palette — #F5D8C9 · #B63000 · #004832 · #000E40 · #00000A

Brick and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#F5D8C9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#B63000): A full-bodied, vivid orange — the color of sun-warmed clay.
• Forest (#004832): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#000E40): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, cool.

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

• Obsidian Plum color palette (#F8DCD4, #BF0046, #004922, #00191E, #00000B)
• Obsidian Chestnut Lantern color palette (#FCE9D6, #925700, #004547, #1D003D, #020007)
• Obsidian Cocoa color palette (#F1D7E4, #763400, #073401, #001622, #120015)
• Mulberry Atelier color palette (#F0E4F7, #87004C, #302A00, #020042, #040001)
• Cocoa Bloom color palette (#EFDDCF, #60646C, #713F00, #181C14, #070500)
• Dusty Lagoon color palette (#EFDFD3, #B67500, #6C5500, #242300, #010400)
• Aged Amber color palette (#FFE2DD, #AF8538, #586F3D, #202C5A, #1B0217)
• Quiet Olive color palette (#FDF2D1, #827F00, #005475, #47002C, #050002)

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