Softworn Cocoa color palette — #CDF7EA · #2687C7 · #892B00 · #553400 · #000205
Built around Rust, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CDF7EA): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#2687C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Rust (#892B00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Cocoa (#553400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#000205): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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 Petrol color palette (#D5F6EB, #0073B0, #815900, #5E4000, #000205)
- Antique Terracotta Study color palette (#D6E8DB, #007B8B, #A93200, #7D2200, #000203)
- Sunlit Archive color palette (#D6E9D9, #00828B, #9C0F4B, #00422C, #000201)
- Moonless Garnet color palette (#D5E3EC, #005A7B, #850019, #352600, #000204)
- Softworn Grape Lantern color palette (#EFEEDA, #0085B1, #752DAC, #2C4300, #00030F)
- Chalky Lantern color palette (#E0EEE4, #009CB0, #B02156, #006371, #060001)
- Misty Amethyst Grove color palette (#F4DFE7, #8339DB, #805900, #5E4000, #03000A)
- Gentle Courtyard color palette (#F0E3ED, #5D7DFF, #8D8100, #6E6400, #040829)
Browse the whole catalog at Explore, or see today's palette.