Brick Alley color palette — #FFF2EE · #A94042 · #005837 · #00364F · #2D131B

Brick takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Brick (#A94042): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#005837): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00364F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2D131B): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Wandering Villa color palette (#FFF3E9, #934601, #005A5A, #192A70, #351515)
• Dusty Station color palette (#FEEFE4, #B95618, #166518, #003F5F, #45153C)
• Bronze Dune color palette (#FFEEE2, #A35D2D, #5C5100, #00374A, #160400)
• Timeworn Plum Station color palette (#FFF1F2, #964B90, #4B4B00, #003A33, #2A1126)
• Velvet Garnet color palette (#FFE9E0, #8F1700, #003A2B, #00192D, #0E000D)
• Hushed Amber color palette (#FFF1F5, #BE780F, #976600, #00556C, #2B1028)
• Washed Bronze color palette (#FFDBD6, #CC8465, #9A5900, #553E00, #1F340D)
• Aubergine Harbor color palette (#F1EBD6, #585900, #004771, #40004F, #280C00)

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