Cocoa Basin color palette — #F1F3E8 · #92A884 · #00727A · #6C3517 · #122107

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3E8): bright and airy, almost weightless.
• Sage (#92A884): A luminous, dusty green — the color of fresh herbs.
• Teal (#00727A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6C3517): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#122107): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cocoa Basin 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

• Patina Terrace color palette (#F4F2E7, #9DA57D, #06765F, #434B19, #1B1F00)
• Cypress Loft color palette (#E2FBD5, #57B6A0, #007A5F, #003B33, #00110B)
• Muted Pine color palette (#E8EAD7, #739D53, #008442, #004B3B, #002825)
• Lagoon Drift color palette (#E9F9F7, #8DC1AF, #009395, #78576D, #143C3F)
• Wandering Courtyard color palette (#F3F2E7, #BFC7AC, #738B69, #6B6315, #30322B)
• Plum Chapel color palette (#E9F0E1, #2A9069, #A64090, #982A5F, #0E1700)
• Softworn Cobalt Veranda color palette (#FAEFEA, #B5CFBE, #3284B3, #005D51, #0A1F42)
• Washed Alley color palette (#ECF7D9, #A9EBE8, #71B6E5, #63792A, #1A2911)

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