Weathered Harbor color palette — #FAEEF2 · #D6C282 · #7E582F · #412932 · #1B1014

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

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Sand (#D6C282): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#7E582F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#412932): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#1B1014): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Stone Bloom color palette (#E6F6F2, #E6BA8E, #556942, #1F3631, #091714)
• Weathered Stone color palette (#F7EEF9, #BBCB95, #705777, #3A2A3F, #18111A)
• Bronze Drift color palette (#FBF4EC, #E5CEA6, #A27239, #6C4200, #33291F)
• Patina Marigold color palette (#FAEEF3, #F5B37E, #3B8FA7, #96653C, #0A181F)
• Worn Marigold color palette (#E2F8EA, #D89B00, #5A4B00, #282000, #000B04)
• Mustard Garden color palette (#FFEFE0, #C5BE75, #6E8C5B, #14604E, #003037)
• Terracotta Field color palette (#C6ECEF, #A44A00, #423C37, #00251A, #000402)
• Hushed Mustard color palette (#FEECF7, #C0AB59, #438772, #504D71, #1E312B)

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