Soft Cocoa color palette — #D3E5D4 · #58A8A1 · #2B73A6 · #7A3600 · #4D3D00
A conversation between Bronze and Slate, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#D3E5D4): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#58A8A1): A luminous, dusty teal — the color of sea glass.
- Slate (#2B73A6): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#7A3600): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Olive (#4D3D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Soft 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
- Chalky Workshop color palette (#D3EAE4, #19AED6, #5162AA, #654300, #393700)
- Antique Archive color palette (#EEEDD3, #4CB375, #008493, #763641, #552B15)
- Tempered Brick color palette (#D1EBF5, #007D9C, #AF3100, #605200, #002935)
- Timeworn Basin color palette (#C6EDD4, #87A5D1, #906775, #5A5B28, #394831)
- Airy Plum Coast color palette (#CBEEEA, #84CBDE, #66A0DD, #AB5668, #622D16)
- Wandering Turquoise Drift color palette (#D9F3F8, #00AFDD, #1E74B5, #4F3C62, #37053A)
- Mulberry Station color palette (#DBF3FF, #6380C1, #723D7A, #2F4000, #1E2A03)
- Airy Brick color palette (#CEE8FF, #259BE8, #B80A05, #005382, #5B0603)
Browse the whole catalog at Explore, or see today's palette.