Softworn Coast color palette — #F9EDE3 · #886600 · #534B00 · #222B00 · #010E00
A conversation between Ochre and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9EDE3): a clean, paper-quiet neutral.
- Ochre (#886600): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#534B00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#222B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#010E00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Muted Garden color palette (#F1E7CE, #AF9100, #766A00, #373700, #090B00)
- Softworn Bronze Market color palette (#F5DED7, #AD5300, #6C3F00, #302400, #090900)
- Olive Alley color palette (#DFE6CC, #6C8600, #3E5300, #141B00, #010200)
- Lapis Workshop color palette (#E9E4CE, #697200, #4024E4, #353A00, #040028)
- Ancient Studio color palette (#EEE8D5, #92C083, #00A79A, #603B00, #061400)
- Weathered Corridor color palette (#EAE8D7, #635900, #3B00D3, #630068, #040300)
- Aged Olive color palette (#F7DCBB, #BBA14F, #7C7E00, #335D0F, #2F312A)
- Hushed Harbor color palette (#EBEAFF, #F017C5, #2E6F00, #000F09, #010100)
Browse the whole catalog at Explore, or see today's palette.