Cocoa Basin color palette — #F8F6E1 · #75A984 · #007364 · #74361D · #303B00
Rust and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E1): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#75A984): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007364): A full-bodied, balanced teal — the color of sea glass.
- Rust (#74361D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. 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
- Wandering Veranda color palette (#FCF4E5, #92A45E, #436F47, #604240, #37362F)
- Wandering Cypress Workshop color palette (#F5F3E2, #72AF90, #137373, #60374B, #181F08)
- Moss Orchard color palette (#FCE9C2, #7EA01F, #006D30, #504200, #263400)
- Patina Bloom color palette (#FCF4EA, #B9B177, #657D44, #7A4F0C, #533F00)
- Washed Lagoon Coast color palette (#E5E6D4, #2AA27D, #006261, #2A4621, #212E11)
- Patina Lagoon Parlor color palette (#E8FAF4, #8FC2A6, #2E9190, #805469, #0C3D3E)
- Hushed Jade Villa color palette (#CFFFE4, #59C180, #007544, #004118, #002915)
- Patina Sky Atelier color palette (#F4F8DE, #97E8D7, #5ABFDD, #7B7133, #42443D)
Browse the whole catalog at Explore, or see today's palette.