Softworn Cocoa color palette — #E6FBF4 · #7AB28E · #007A6D · #7F3733 · #11462A
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
- Jade (#7AB28E): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007A6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Rust (#7F3733): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#11462A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Softworn Cocoa 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 Pine color palette (#EAFAEF, #99AB76, #007F37, #802F56, #324107)
- Worn Cocoa Garden color palette (#D3EAE6, #5B9B80, #00625F, #612B1E, #003222)
- Worn Balcony color palette (#F3F3E1, #7EB980, #008049, #5A4B05, #06280A)
- Pine Villa color palette (#EEF8F1, #8DBBAC, #4E8157, #40634D, #294A40)
- Tempered Emerald color palette (#E3FBF6, #8BCE92, #00A060, #756931, #13433F)
- Plum Balcony color palette (#BFF8F9, #009769, #7753DA, #AB0072, #003B26)
- Weathered Lime color palette (#EFE6CC, #A7B325, #487C00, #00632B, #004735)
- Weathered Olive Meadow color palette (#D6FFF9, #A7EAF0, #62BFE4, #797A00, #1A4E34)
Browse the whole catalog at Explore, or see today's palette.