Cocoa Summit color palette — #F4F2E5 · #93C09D · #338574 · #804029 · #262A17

Built around Bronze, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F2E5): a clean, paper-quiet neutral.
• Mint Leaf (#93C09D): A luminous, dusty teal — the color of sea glass.
• Fern (#338574): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#804029): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#262A17): 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 Summit 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

• Worn Stone Quarry color palette (#FBF0E3, #BBB67E, #687D51, #674D50, #2E2713)
• Pale Study color palette (#FAF1DB, #88B862, #007F50, #534E1C, #132702)
• Cypress Alley color palette (#EBF9F4, #83BBBB, #427F7E, #625270, #2B4848)
• Softworn Villa color palette (#E7FAF5, #A1CFCA, #669D86, #876775, #2D4846)
• Pine Grove color palette (#D1FFE0, #79CD99, #36864C, #004D2B, #001A0C)
• Tempered Cerulean color palette (#FBEFE9, #C5E7C5, #469AB0, #2D6C4C, #073429)
• Frosted Emerald color palette (#F1F5D9, #58A252, #9A69AC, #8C5581, #1E2009)
• Aged Lagoon color palette (#F2F4DE, #72B868, #A975C2, #3C7434, #331C3E)

Browse the whole catalog at Explore, or see today's palette.