Cocoa Studio color palette — #CCF2C5 · #98BE91 · #41857E · #833E00 · #2C3400
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CCF2C5): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#98BE91): A luminous, dusty green — the color of fresh herbs.
- Fern (#41857E): A full-bodied, dusty teal — the color of glacier melt.
- Bronze (#833E00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Forest (#2C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Wandering Cocoa Bloom color palette (#FFE4C1, #AAA97F, #17938C, #7D3E00, #462C00)
- Linen Cerulean Terrace color palette (#CBECB8, #7FB39B, #3884B0, #705200, #193600)
- Petrol Grove color palette (#E7E2C4, #8D9E7C, #206D90, #4F3A00, #1A2000)
- Dusty Azure Drift color palette (#CDF9E5, #99D0BB, #54A1CD, #7F682A, #544412)
- Soft Cobalt Field color palette (#ACF4E8, #64C0DB, #4680BB, #84414F, #614110)
- Dusty Hollow color palette (#E9F7E5, #B8D4CB, #A78893, #526C2C, #37412F)
- Muted Workshop color palette (#DEE6D6, #598C7C, #00577B, #372D00, #00140A)
- Olive Canyon color palette (#FDEFE5, #BBA56D, #5D7600, #005951, #2A1F00)
Browse the whole catalog at Explore, or see today's palette.