Softworn Coast color palette — #F5F2E6 · #807B1D · #305B93 · #562D5C · #201105
A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F2E6): a clean, paper-quiet neutral.
- Olive Leaf (#807B1D): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#305B93): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#562D5C): A deep, shadowed, balanced pink — the color of a candy shop window.
- Ink (#201105): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Softworn Coast 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
- Worn Bronze color palette (#F9F0E5, #A77B00, #006C7F, #42396E, #200904)
- Powdered Emerald Delta color palette (#F2F3E6, #6B9D5C, #006F8E, #542D68, #390D00)
- Denim Pier color palette (#EEF5E4, #3A9163, #624D96, #6A2732, #1A1100)
- Tempered Aubergine color palette (#EBF9F6, #537F41, #006464, #611B67, #062F2A)
- Washed Cobalt color palette (#ECF8F3, #95993F, #297EC1, #834082, #38202D)
- Hushed Teal Market color palette (#EFF8EC, #23BF9F, #2192A8, #475494, #241507)
- Muted Aubergine color palette (#DFEBD9, #00735E, #631775, #590202, #030400)
- Nightshade Grove color palette (#F3F5CD, #4C7B18, #2C00AF, #4E0030, #0D0500)
Browse the whole catalog at Explore, or see today's palette.