Brick Harbor color palette — #FFECE3 · #BF0D01 · #584900 · #003229 · #0C0015

Built around Brick, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFECE3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#BF0D01): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#584900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003229): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0C0015): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Tempered Brick color palette (#FFE1D8, #AD0025, #005147, #00352D, #0A001F)
• Worn Terracotta Quarry color palette (#FFDED5, #A02C00, #354139, #2C1A00, #120400)
• Muted Quarry color palette (#FFEEE5, #DB1F00, #005E6F, #004552, #100624)
• Raspberry Harbor color palette (#EEEACE, #E60074, #7A4200, #00364A, #2B0003)
• Gentle Rose color palette (#F2DCE6, #FC206A, #993700, #4C2D00, #171100)
• Shadow Cocoa Workshop color palette (#F7E1C9, #663800, #003759, #001D33, #040000)
• Hushed Loft color palette (#FDEEEA, #CE6980, #2A7D68, #255C4D, #261820)
• Powdered Byzantium color palette (#FFDBE0, #A200A8, #4D4300, #2B2C00, #00060A)

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