Weathered Harbor color palette — #EFD8D8 · #D8673D · #8B4F00 · #554200 · #222100

Built around Coral Clay, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#EFD8D8): A whisper-light, dusty red — the color of late-summer berries.
• Coral Clay (#D8673D): A luminous, balanced orange — the color of toasted spice.
• Coffee (#8B4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#554200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#222100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Faded Tangerine Loft color palette (#F3E4DE, #ED6F00, #AD6B00, #795600, #271D00)
• Amber Chapel color palette (#EFDCD4, #B27A00, #755F00, #364100, #022702)
• Brick Orchard color palette (#ECDCE7, #D1566D, #B82900, #673400, #261800)
• Petrol Grove color palette (#EFDBC2, #C48A24, #0067B2, #6F4A00, #001B36)
• Hushed Amber Terrace color palette (#EEE2CB, #BD8F00, #7E6000, #422F00, #0E0800)
• Washed Garnet Thicket color palette (#EEDCC8, #9A8D48, #865400, #6F1A00, #0F1A00)
• Pale Amber color palette (#F4E6DF, #DF8C00, #8A7500, #4B5B00, #003E11)
• Pale Amber color palette (#FFDFDC, #EBAB85, #C28218, #746B00, #3F491D)

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