Soft Harbor color palette — #FFF4E1 · #FF9E9C · #B59100 · #008A5E · #262D00
Built around Mustard, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Rose Quartz (#FF9E9C): A luminous, balanced orange — the color of autumn markets.
- Mustard (#B59100): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008A5E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#262D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Soft 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
- Softworn Olive Pier color palette (#FFF3E6, #FF90B3, #D78600, #258100, #322600)
- Soft Grove color palette (#FFF5D2, #FF9E6D, #969900, #007882, #073201)
- Quiet Moss color palette (#FFF4DC, #FFB26E, #CFAE00, #4FA100, #2E2900)
- Marigold Archive color palette (#DEFAE7, #FFA74B, #AE9500, #4F7A00, #111100)
- Weathered Lime color palette (#FEF6D3, #FFC18B, #ACBF00, #00888D, #003C14)
- Hazy Moss color palette (#EEE2CD, #A18D00, #4E6B00, #004E26, #003539)
- Powdered Emerald color palette (#E2E7D2, #C18B00, #009A58, #006582, #001611)
- Muted Ember Basin color palette (#FFF2EB, #FF97DF, #FD4319, #6A6B00, #372000)
Browse the whole catalog at Explore, or see today's palette.