Softworn Cocoa color palette — #E8F9FB · #5FA79B · #626D9D · #77404E · #284B37
A conversation between Coffee and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8F9FB): a clean, paper-quiet neutral.
- Turquoise (#5FA79B): A luminous, dusty teal — the color of sea glass.
- Slate (#626D9D): A full-bodied, dusty violet — the color of a velvet chair.
- Coffee (#77404E): A full-bodied, dusty red — the color of late-summer berries.
- Forest (#284B37): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Antique Pier color palette (#ECF8F7, #72A77D, #43769A, #6E4167, #5A3A1A)
- Hushed Balcony color palette (#ECF7FF, #61A1C0, #8A5F8B, #6E4A2A, #224C35)
- Weathered Ridge color palette (#E1FBFF, #BAD1DC, #8293A3, #7B6E7F, #624D50)
- Cerulean Archive color palette (#E2F8FF, #74C0CD, #4996B5, #316B8A, #4A4C69)
- Gentle Grape Grove color palette (#E7F9FF, #008E99, #6738B0, #7C0403, #2A3600)
- Timeworn Bronze color palette (#F9F5E9, #B8B481, #718BC4, #856221, #484415)
- Wandering Lagoon Summit color palette (#E1F6FD, #198E8F, #2E3F49, #1E2B2F, #10161A)
- Weathered Corridor color palette (#F1F7EF, #71DDCC, #93A4F0, #AC7580, #45423B)
Browse the whole catalog at Explore, or see today's palette.