Hazy Brick Courtyard color palette — #D6EBF0 · #007484 · #A80116 · #772000 · #000102

Built around Garnet, softened by Rust — the whole palette hums with trust and stability.

The five colors

• Frost (#D6EBF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Garnet (#A80116): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#772000): A deep, shadowed, balanced orange — the color of autumn markets.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Powdered Mulberry color palette (#D8EEE7, #007964, #9E0068, #80002B, #000201)
• Softworn Chestnut Dune color palette (#E0F2FF, #006EA2, #884200, #5A3C00, #000103)
• Moonless Garnet color palette (#CDE8EE, #005360, #751200, #3F2100, #000102)
• Airy Bloom color palette (#C4E5ED, #008CA4, #CC3624, #874B00, #00090D)
• Washed Aubergine color palette (#D9E8DD, #005664, #6E0065, #3B2F00, #00090D)
• Ancient Bronze color palette (#F4DFE7, #AA7E00, #723F00, #410B00, #010100)
• Washed Violet Orchard color palette (#DEDDFF, #7A4FFF, #786C00, #535B00, #02000C)
• Misty Ember color palette (#E5F9FF, #00ABCB, #F83016, #A85C00, #00161C)

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