Softworn Harbor color palette — #F6F6ED · #CED6C3 · #91B095 · #4A6500 · #34332C
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F6F6ED): bright and airy, almost weightless.
- Oat (#CED6C3): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#91B095): A luminous, dusty green — the color of new leaves after rain.
- Olive (#4A6500): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#34332C): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Softworn 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
- Washed Harbor color palette (#E4F7F2, #B9DCD9, #84B8A7, #3E6900, #0A1E1A)
- Wandering Cypress Balcony color palette (#F2F7EF, #C6D8CC, #B49EB7, #006A57, #2C3724)
- Antique Olive Hollow color palette (#F6F6E7, #DBE2C8, #88CFB8, #528900, #33332C)
- Moss Garden color palette (#F5EAD3, #779F5E, #006B50, #4F4200, #1A3600)
- Antique Driftwood color palette (#F5F6EF, #D5DDD8, #A3ADB7, #708B64, #53534C)
- Washed Studio color palette (#EBEDE6, #959C93, #5F776B, #003510, #080B00)
- Abyss Basin color palette (#EAF3EA, #B0BCB7, #9B8796, #004F4E, #142414)
- Antique Alley color palette (#E9FAF4, #BCE4F5, #9BCDE4, #8DA34D, #1B3A31)
Browse the whole catalog at Explore, or see today's palette.