Weathered Harbor color palette — #F3F8E1 · #98E1BC · #3FBD9C · #AE7E39 · #01462E
Jade takes the lead with Caramel close behind in a set that reads as optimism and calm at first glance.
The five colors
- Cream (#F3F8E1): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#98E1BC): A whisper-light, balanced teal — the color of sea glass.
- Jade (#3FBD9C): A luminous, balanced teal — the color of shallow lagoons.
- Caramel (#AE7E39): A luminous, balanced gold — the color of old brass.
- Forest (#01462E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.
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
- Jade Delta color palette (#ECEFCE, #8FD39D, #0DB276, #8B7C00, #023816)
- Ancient Clover color palette (#FBF5E0, #C7D69D, #88B553, #AC7E47, #363F16)
- Gentle Honey Archive color palette (#FFF4DF, #EBC02B, #00D2C5, #B79300, #004540)
- Ancient Balcony color palette (#E5FBF5, #96EFC2, #00A89E, #8B5973, #003823)
- Chalky Marigold color palette (#FFF4DC, #C8F3C2, #91E1B7, #D2A22C, #4C4708)
- Dusty Moss Lagoon color palette (#EEE3D2, #C5BB8A, #98953B, #A16342, #312900)
- Hushed Cocoa color palette (#F9F4EC, #E9DDC1, #C1B58F, #A8987C, #614900)
- Dusty Fern Study color palette (#EFE7D6, #8B8E43, #586B00, #534800, #060600)
Browse the whole catalog at Explore, or see today's palette.