Smoked Harbor color palette — #F4DCE3 · #C3222C · #6B2300 · #211000 · #020100

A conversation between Brick and Rust, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F4DCE3): A whisper-light, dusty rose — the color of a warm blush.
• Brick (#C3222C): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#6B2300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#211000): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Energy, Depth, Luxury. Tagged dark, warm.

Use it as a design system

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

• Scarlet Veranda color palette (#F9E6E6, #E10F0A, #923A00, #562D00, #130800)
• Cellar Plum Balcony color palette (#EADAE9, #B32182, #80002D, #310700, #030100)
• Velvet Coast color palette (#F5E2D5, #936A2C, #642600, #2B000A, #010100)
• Antique Pier color palette (#ECDFD5, #A45000, #005D7B, #461F00, #000102)
• Hushed Navy color palette (#F9D6C6, #9C1A00, #003CA0, #0B178E, #040000)
• Dusty Orchid color palette (#D2EBFF, #A16EFF, #914E00, #0F0C05, #030100)
• Amber Corridor color palette (#F8DBD0, #CC7B00, #7D6300, #3B3900, #030C00)
• Patina Emerald color palette (#FFECDF, #CBB87E, #499D52, #74234C, #020100)

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