Cocoa Studio color palette — #FAF5E7 · #85A67A · #22725E · #5E4800 · #35362F
Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF5E7): a clean, paper-quiet neutral.
- Moss (#85A67A): A luminous, dusty green — the color of fresh herbs.
- Teal (#22725E): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#5E4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#35362F): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Cypress color palette (#E6F6F0, #8CAA84, #327350, #424C15, #00221E)
- Cypress Atelier color palette (#FFF4DE, #8EAF76, #007C5C, #005975, #2D411D)
- Cypress Canyon color palette (#F6F6EA, #6BA995, #05707A, #683C49, #2D3A22)
- Wandering Lagoon color palette (#F8F6E5, #B5B891, #489268, #5E6A33, #35362F)
- Washed Forest color palette (#ECE4CD, #6D996C, #006355, #034263, #143014)
- Worn Lantern color palette (#FFE6CF, #A19430, #316A00, #004D4F, #342E00)
- Misty Garden color palette (#DAE7DB, #44B288, #007E7C, #005063, #2A2F5C)
- Frosted Dune color palette (#DFF5E3, #00A0AD, #BD4F5E, #00636B, #562229)
Browse the whole catalog at Explore, or see today's palette.