Softworn Harbor color palette — #FFF2EC · #DFDECD · #AFD8A0 · #A46789 · #411E09
A conversation between Mocha and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFDECD): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#AFD8A0): A whisper-light, balanced green — the color of new leaves after rain.
- Mocha (#A46789): A full-bodied, balanced rose — the color of pressed rose petals.
- Espresso (#411E09): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.
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
- Dusty Rust Parlor color palette (#FFF3E7, #FEF9B6, #9CDFBC, #A75E68, #2B1D00)
- Antique Driftwood Balcony color palette (#FFF2EC, #C6FFF4, #DFE2CC, #AF788C, #36312C)
- Patina Pier color palette (#FFF1F1, #E2D8D0, #F0CD77, #7D72BC, #37150F)
- Feathered Blush color palette (#FFE8F7, #F6CAC5, #D9C865, #E57886, #4D2A11)
- Tempered Cocoa Canyon color palette (#FFF3E6, #DBE3C8, #BEBEC9, #C79292, #5A4000)
- Moss Balcony color palette (#FFE9FA, #E4BC96, #6DAB4C, #7F3F6F, #482D3F)
- Faded Ember color palette (#FFF3E2, #C3FDDC, #3AEEE5, #D8683D, #2C2700)
- Ancient Mustard Pier color palette (#FFE2CF, #F3C496, #B59D00, #8E323B, #271200)
Browse the whole catalog at Explore, or see today's palette.