Weathered Harbor color palette — #FFEDEB · #EEAFA9 · #BC7047 · #735300 · #343100
A conversation between Caramel and Coffee, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEDEB): a clean, paper-quiet neutral.
- Rose Quartz (#EEAFA9): A luminous, dusty orange — the color of toasted spice.
- Caramel (#BC7047): A luminous, balanced orange — the color of autumn markets.
- Coffee (#735300): A full-bodied, balanced gold — the color of old brass.
- Espresso (#343100): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. 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
- Stone Study color palette (#FFF2EE, #EEA88B, #AE7851, #7A5631, #664400)
- Softworn Terracotta Balcony color palette (#FFECF2, #DFB3D3, #B3697D, #864131, #472300)
- Driftwood Thicket color palette (#FFEEE3, #DDB281, #948A30, #415B24, #00331D)
- Airy Amber Basin color palette (#FCEAE8, #CE6806, #705600, #2D3200, #021300)
- Hushed Bronze Pier color palette (#FAF1DF, #DA969E, #9E6C2D, #2E547C, #382820)
- Tempered Tangerine Garden color palette (#FFD6D6, #E97C3A, #8C5F00, #4D4200, #152000)
- Hushed Driftwood color palette (#FFEDE8, #D8C1AE, #9C9173, #7B6576, #4B3B48)
- Olive Study color palette (#FDEEEB, #CF8392, #4E813E, #3A487C, #371E2D)
Browse the whole catalog at Explore, or see today's palette.