Smoked Harbor color palette — #F1E1EB · #752500 · #3E2600 · #002027 · #100002

Rust takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Rose Water (#F1E1EB): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#752500): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3E2600): A deep, shadowed, dusty gold — the color of old brass.
• Midnight (#002027): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#100002): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

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

• Eclipse Summit color palette (#F6E1EA, #522700, #2B1D00, #001019, #070000)
• Nocturne Onyx color palette (#FAE4EE, #653100, #2A2F00, #000F50, #0E0300)
• Lowlit Mulberry Field color palette (#F6EAFF, #89165A, #402700, #001B22, #120008)
• Garnet Study color palette (#F5E2F8, #C0577F, #8F1000, #362100, #061A06)
• Aged Plum color palette (#DEF7E9, #9E3586, #5F2D00, #002643, #310010)
• Smoked Garnet Harbor color palette (#F0E4F4, #7B003A, #5A0024, #00200B, #140018)
• Aged Pier color palette (#FFEDF5, #954900, #434200, #00177D, #260E00)
• Weathered Chapel color palette (#F1E9F3, #C3B4BD, #7A977E, #7E0E39, #28192B)

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