Smoked Harbor color palette — #F3DDF0 · #C30C27 · #4B1808 · #250E23 · #100409

Built around Ruby, softened by Espresso — the whole palette hums with warmth and comfort.

The five colors

• Blush (#F3DDF0): A whisper-light, dusty pink — the color of neon signs at night.
• Ruby (#C30C27): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#4B1808): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#250E23): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#100409): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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

• Terracotta Corridor color palette (#FCE3F1, #9F430A, #391A29, #1F0C18, #0A0203)
• Shadow Plum Summit color palette (#F1E8F8, #B22475, #471926, #2F051C, #110406)
• Washed Rose color palette (#FEE6DE, #F51B44, #693502, #3B1D13, #1C0D0C)
• Dusty Coral color palette (#FFE6DD, #FF6867, #8E5646, #6A2D13, #1A0E0B)
• Cellar Loft color palette (#D8EBD6, #8F5C00, #382800, #251400, #0E0400)
• Hushed Plum Harbor color palette (#FFE5D9, #C75C1C, #747900, #A60084, #4E220A)
• Bronze Summit color palette (#E8F6EE, #8A7E2F, #2A4239, #1A2E23, #0E1817)
• Tangerine Alley color palette (#F9E5DF, #F27A48, #AD4E00, #7D4300, #4A3D00)

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