Smoked Harbor color palette — #DDF1E0 · #755500 · #0C371C · #281B00 · #000201

Coffee and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF1E0): A whisper-light, dusty green — the color of fresh herbs.
• Coffee (#755500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#0C371C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#281B00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged duotone, 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

• Twilit Archive color palette (#E6E4C5, #5B6100, #273500, #051100, #000400)
• Pale Bronze Canyon color palette (#D1F3E5, #987B00, #5E6300, #1C4200, #020300)
• Moonless Basalt color palette (#E0F0E9, #3F4000, #002518, #1A0002, #030100)
• Worn Spruce Delta color palette (#D9E3DC, #84A293, #59786D, #332A00, #020C06)
• Antique Pine color palette (#DFF3F1, #007E39, #0D3D4B, #003012, #000202)
• Lowlit Terracotta Pier color palette (#ECDDE8, #A81A00, #372C00, #3D0400, #060002)
• Patina Atelier color palette (#DCF1E6, #948C00, #00601A, #474300, #00110F)
• Washed Pier color palette (#E9FAEF, #BF9F00, #317700, #675400, #00231E)

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