Brick Pier color palette — #FFF2EC · #BB3631 · #006653 · #00416C · #371A35
Brick and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#BB3631): A full-bodied, vivid orange — the color of sun-warmed clay.
- Pine (#006653): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00416C): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#371A35): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Brick Pier 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
- Airy Chapel color palette (#FFF2E9, #A64A01, #006460, #08239E, #41112C)
- Raspberry Pier color palette (#FFF2EF, #CB3D81, #155C03, #004757, #2F1947)
- Wandering Terracotta Parlor color palette (#FFE8D9, #9D2F00, #004944, #002654, #26041E)
- Aubergine Study color palette (#FFF3E8, #B96500, #1A6F0E, #00475B, #430269)
- Hazy Aubergine Drift color palette (#FFF3E2, #956C00, #005E73, #49008D, #421214)
- Navy Thicket color palette (#FFEEE1, #B75F00, #506300, #003489, #190900)
- Washed Amber Villa color palette (#FFF4E2, #CB7133, #745D00, #004D61, #4E2D00)
- Tempered Aubergine color palette (#F9ECCF, #665A00, #004B69, #470067, #380400)
Browse the whole catalog at Explore, or see today's palette.