Weathered Harbor color palette — #F2F3E9 · #719D58 · #5C66AB · #6C3B32 · #1A1A0A
Built around Slate, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E9): bright and airy, almost weightless.
- Moss (#719D58): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5C66AB): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#6C3B32): A full-bodied, dusty orange — the color of sun-warmed clay.
- Ink (#1A1A0A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Aged Petrol color palette (#F5F2E8, #938F48, #007194, #653E67, #221B0A)
- Worn Mulberry Lantern color palette (#EEF4EA, #309C86, #854C8C, #5B4406, #141B0F)
- Tempered Thicket color palette (#F5F7E7, #579D53, #006D88, #664423, #33312A)
- Muted Atelier color palette (#FFEEE5, #79BC9A, #23859D, #6F4448, #253021)
- Hushed Mint Summit color palette (#E6FAF8, #71BF82, #A56C90, #6D5D80, #3D2B34)
- Muted Aubergine Atelier color palette (#EFF5DF, #1C954D, #6E00A4, #592300, #090D00)
- Hushed Ridge color palette (#E6F7EC, #007D93, #5B2C92, #532200, #030E00)
- Pale Lagoon color palette (#F3F5D3, #9BD3B7, #009898, #005B71, #003253)
Browse the whole catalog at Explore, or see today's palette.