Softworn Coast color palette — #F7F8D5 · #BDE5BA · #8ACA96 · #5AA97A · #4E514A
Built around Jade, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#F7F8D5): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#BDE5BA): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#8ACA96): A luminous, balanced green — the color of new leaves after rain.
- Jade (#5AA97A): A luminous, balanced teal — the color of sea glass.
- Charcoal Brown (#4E514A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, 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
- Misty Teal color palette (#E3F3D3, #9EE1CF, #69CFBE, #2CADA7, #3A563A)
- Jade Terrace color palette (#F3F7EC, #AEE3C8, #A7C9FB, #55C091, #384E6E)
- Muted Canyon color palette (#FFF4E1, #E7D9A6, #C5BD73, #9C9B49, #514F48)
- Feathered Loft color palette (#DBFFF0, #D6F3B4, #7ECF94, #398A70, #2D555D)
- Wandering Mint Garden color palette (#C4F4E9, #8CC07F, #5D9962, #376748, #0E3A3B)
- Wandering Boulevard color palette (#F1F8E6, #9ED6B7, #77CAEC, #C3AE62, #41443D)
- Ancient Mint color palette (#A8F4C9, #47E1A9, #00B995, #00937E, #004843)
- Emerald Thicket color palette (#CEEAD1, #00934E, #006F48, #004C3A, #000E0A)
Browse the whole catalog at Explore, or see today's palette.