Cocoa Thicket color palette — #F6F6E7 · #7FA688 · #1A735A · #6D3E00 · #323A00
A conversation between Bronze and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Moss (#7FA688): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#1A735A): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6D3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#323A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Cocoa Thicket 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
- Fern Atelier color palette (#FEF4E1, #9BA06B, #526C39, #564A21, #37352F)
- Ancient Garnet Grove color palette (#F3F3E8, #76AE97, #107277, #6A3048, #152102)
- Lagoon Thicket color palette (#E3E7D4, #459E81, #00625C, #23472A, #202E0E)
- Dusty Basalt color palette (#F3F9DB, #B5F1E1, #6AC1CE, #5C7242, #324400)
- Dusty Driftwood Harbor color palette (#F8F5E9, #C2C4A4, #798945, #756618, #515100)
- Powdered Corridor color palette (#EAE9C9, #8CA141, #447C1F, #015616, #004529)
- Soft Cabin color palette (#E2E9C6, #358E4C, #5067B2, #903D33, #12331A)
- Softworn Cerulean color palette (#F9F4ED, #AFCFB1, #00879B, #00624E, #164433)
Browse the whole catalog at Explore, or see today's palette.