Tempered Brick Harbor color palette — #F3DAE2 · #B91D36 · #692300 · #242700 · #2F0403

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

The five colors

• Shell Pink (#F3DAE2): A whisper-light, dusty rose — the color of strawberry cream.
• Ruby (#B91D36): A full-bodied, vivid red — the color of late-summer berries.
• Rust (#692300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#242700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#2F0403): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Mulberry Veranda color palette (#EFDCEF, #A50030, #4F2E00, #1D2200, #230022)
• Gentle Garden color palette (#F5E1EB, #AC2575, #750029, #312100, #300016)
• Worn Boulevard color palette (#DCEADD, #9E4B00, #543500, #002E06, #251000)
• Worn Crimson color palette (#EBE0EB, #F15893, #D6253E, #963000, #310001)
• Pale Courtyard color palette (#D6EBDF, #973D7D, #6A1D00, #00222F, #110004)
• Dusty Terracotta Grove color palette (#F9EDCE, #B8589A, #983000, #003E53, #300013)
• Patina Field color palette (#FFE0AA, #BE5F00, #6F4900, #004514, #3F2000)
• Misty Rose color palette (#FBE6D1, #FC545F, #C34A00, #555B00, #2F0503)

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