Weathered Harbor color palette — #F9F2FC · #93BA9B · #733E51 · #4B1B2E · #281C2D
Built around Cocoa, softened by Espresso — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F2FC): a clean, paper-quiet neutral.
- Sage (#93BA9B): A luminous, dusty teal — the color of glacier melt.
- Cocoa (#733E51): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#4B1B2E): A deep, shadowed, dusty rose — the color of strawberry cream.
- Onyx (#281C2D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Softworn Onyx Workshop color palette (#FEF1F8, #C1AC80, #764228, #4E1D02, #2A1D25)
- Antique Aubergine Corridor color palette (#F4F4FF, #C1AC80, #614277, #3B1E4E, #201F31)
- Antique Pewter color palette (#FFF1F2, #A6D2A6, #975984, #5A334E, #2A1E1F)
- Sand Ridge color palette (#FFF2F0, #F5D082, #BC8194, #795A56, #2A1E1D)
- Softworn Bronze Balcony color palette (#E7FCEB, #C48671, #886215, #005864, #4F3341)
- Softworn Workshop color palette (#F9F3F7, #E0D7D7, #B4C5C0, #A06153, #4F444C)
- Feathered Mulberry color palette (#F8F3F9, #DD99A1, #8C6907, #A52B47, #16291B)
- Linen Garnet color palette (#F4DCF2, #B88A00, #730019, #3A0008, #140500)
Browse the whole catalog at Explore, or see today's palette.