Weathered Harbor color palette — #F3D8D5 · #C96B30 · #6F5000 · #232200 · #000200

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

The five colors

• Shell Pink (#F3D8D5): A whisper-light, dusty orange — the color of autumn markets.
• Pumpkin (#C96B30): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#6F5000): A full-bodied, balanced gold — the color of old brass.
• Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Timeworn Study color palette (#FFDFC8, #A57F00, #555400, #072100, #000201)
• Rose Quarry color palette (#FFE9F1, #D4626E, #823900, #2E1D00, #020100)
• Ancient Bronze Dune color palette (#FDEAE7, #A45700, #523B00, #1D1C00, #000D07)
• Rust Lantern color palette (#DCEDDD, #BF4E24, #4E4200, #190055, #030100)
• Navy Workshop color palette (#F8D7D2, #B58452, #576400, #30217F, #21001A)
• Hazy Marigold Studio color palette (#FFF2EF, #FEA443, #967900, #444A00, #012103)
• Quiet Amber Coast color palette (#FFF1F5, #FF9B9D, #D27C00, #337100, #020100)
• Smoked Olive color palette (#C7E9DC, #636F00, #264600, #001727, #040000)

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