Pale Brick color palette — #FFF1EB · #AD0216 · #504200 · #002E56 · #340002
A conversation between Garnet and Navy, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1EB): a clean, paper-quiet neutral.
- Garnet (#AD0216): A full-bodied, vivid orange — the color of autumn markets.
- Deep Olive (#504200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Navy (#002E56): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#340002): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Pale Brick 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
- Pale Brick Study color palette (#FFEFEA, #B9003D, #762D00, #003337, #320015)
- Ancient Bloom color palette (#F6E3F9, #B2003B, #00561B, #002D3F, #0B0013)
- Chestnut Boulevard color palette (#FFF3DA, #695600, #494700, #002F56, #2E0C00)
- Misty Raspberry Harbor color palette (#F5E3BD, #D52D82, #724800, #00376F, #4F0B0E)
- Eclipse Chestnut Field color palette (#FFE8D7, #8D4200, #251F00, #1A0700, #040100)
- Muted Courtyard color palette (#FFF3E5, #8C5C00, #535D00, #002C9E, #362100)
- Hazy Navy color palette (#EDE4D5, #765C00, #2F4200, #0E008A, #1E1100)
- Faded Blush Field color palette (#F0DBEB, #F15D7E, #964600, #493400, #1E2D00)
Browse the whole catalog at Explore, or see today's palette.