Cocoa Study color palette — #FBF4EC · #DBD0B3 · #82A875 · #92747A · #5F4A00
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Wheat (#DBD0B3): A whisper-light, dusty gold — the color of old brass.
- Moss (#82A875): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#92747A): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cocoa Study 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
- Dusty Fern Lagoon color palette (#F8F5EB, #CED6B1, #6EA89E, #62867B, #4A5303)
- Muted Ash Atelier color palette (#EEF9EF, #BCDFF1, #88BAB2, #7D859F, #364C43)
- Aged Driftwood Summit color palette (#ECF9F2, #B9C89A, #6B8B66, #55687A, #40524C)
- Softworn Alley color palette (#FFF1F4, #D8B4EB, #78C594, #A577BB, #4C4E47)
- Lagoon Villa color palette (#F9F5E8, #93C29A, #119486, #82574E, #333A00)
- Aged Teal color palette (#FFF1F5, #BFA4DB, #47BBA0, #479BA8, #513B43)
- Pale Olive color palette (#F7E3D0, #9F953D, #317200, #483A70, #1F1B00)
- Quiet Lime Lantern color palette (#F6EAD4, #91BB58, #008D61, #6E4980, #223500)
Browse the whole catalog at Explore, or see today's palette.