Tempered Brick Harbor color palette — #F4DDD3 · #C61800 · #454B00 · #002E30 · #0A002D

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

The five colors

• Shell Pink (#F4DDD3): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#C61800): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#454B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002E30): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0A002D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Antique Rust Chapel color palette (#FBEADF, #CD4C00, #465F00, #003B42, #170637)
• Aged Courtyard color palette (#EDDBEC, #B92741, #015612, #00314E, #111734)
• Plum Alley color palette (#FFE5E1, #C10068, #5B4200, #003022, #000B1D)
• Aged Bronze color palette (#F8EBDE, #9A5900, #005625, #002B41, #18001A)
• Smoked Terracotta color palette (#F6DBC9, #8C3700, #323A2F, #281500, #0C0300)
• Chestnut Pier color palette (#FFE3DC, #B1825D, #785A0D, #2A4633, #00253D)
• Hushed Bronze Grove color palette (#FCEBE4, #BB6400, #744B00, #412D00, #1D1700)
• Tempered Amber Canyon color palette (#F3D9E5, #CD6500, #716400, #00511C, #3F001F)

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