Weathered Harbor color palette — #FFF1F1 · #F7B7B7 · #C39476 · #876B26 · #375206
Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Rose Quartz (#F7B7B7): A whisper-light, dusty red — the color of embers at dusk.
- Camel (#C39476): A luminous, dusty gold — the color of old brass.
- Walnut (#876B26): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#375206): A full-bodied, balanced green — the color of fresh herbs.
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
- Wandering Apricot color palette (#F8F2FF, #EBD9D1, #EEA46D, #8D7533, #324B1B)
- Sunlit Amber Study color palette (#FFDBDF, #E3814C, #886D00, #395700, #002C17)
- Aged Bronze Balcony color palette (#F5F3FF, #E9BDE7, #C38791, #9E604A, #5A4000)
- Olive Market color palette (#FFF2EF, #F3CA9F, #A3A066, #5D7F44, #005646)
- Timeworn Amber Archive color palette (#FFE5EC, #FF9A80, #BA7D00, #646100, #003E17)
- Dusty Corridor color palette (#FEEFE3, #CD8960, #6E5400, #552C00, #26201E)
- Antique Bronze color palette (#F4E5DC, #9E8100, #345F00, #003521, #000C0E)
- Tempered Cocoa color palette (#FCF4E4, #E3ACBC, #AD8C5B, #537193, #703415)
Browse the whole catalog at Explore, or see today's palette.