Tempered Brick Harbor color palette — #FBDDD1 · #C00026 · #603C00 · #232A00 · #130012

A conversation between Ruby and Bronze, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBDDD1): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#C00026): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#232A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#130012): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, 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

• Misty Plum color palette (#F3D7D4, #B80069, #722D00, #2F2600, #0E001B)
• Timeworn Chestnut Market color palette (#F0E1D2, #925600, #474900, #002F1A, #000A0B)
• Linen Scarlet Station color palette (#F9D5D4, #DE0E0A, #922300, #581B00, #250C00)
• Charred Mulberry Market color palette (#FFE7E6, #84005E, #223000, #001818, #02040F)
• Mulberry Grove color palette (#FFE5DE, #9B003C, #360004, #171206, #090000)
• Faded Raspberry color palette (#F1E5F8, #D63889, #855B00, #005134, #000813)
• Gentle Lantern color palette (#FADAD2, #B37C61, #8C5300, #294A00, #00240A)
• Pale Cabin color palette (#F1D8D5, #FF49C7, #FF1581, #BA0414, #200006)

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