Softworn Harbor color palette — #FFF1D7 · #FD8F1E · #AD9400 · #328800 · #010100
Built around Olive Leaf, softened by Apricot — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF1D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Apricot (#FD8F1E): A luminous, vivid gold — the color of old brass.
- Mustard (#AD9400): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#328800): A full-bodied, vivid green — the color of a quiet forest floor.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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
- Timeworn Amber color palette (#FFECDA, #FF877F, #D98500, #787500, #020100)
- Feathered Archive color palette (#E2E1BA, #C8A600, #589400, #006450, #000200)
- Feathered Marigold Basin color palette (#F0E9DB, #FF929A, #C29D00, #009B67, #100E00)
- Wandering Ember Pier color palette (#D5EDE0, #F93F0F, #916F00, #00573F, #020200)
- Amber Corridor color palette (#CCE9D7, #C66F00, #886F00, #365D00, #111000)
- Forest Studio color palette (#E8E0CE, #8A954F, #226F42, #1E2F63, #0C001E)
- Airy Pier color palette (#EFEDDD, #768600, #436300, #002F06, #000301)
- Dusty Emerald Field color palette (#E4E2CD, #59A160, #005C40, #452000, #000200)
Browse the whole catalog at Explore, or see today's palette.