Cocoa Basin color palette — #FFE7F3 · #7A3800 · #2C4400 · #001B2B · #030100
Bronze and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#2C4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#001B2B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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
- Velvet Summit color palette (#FADEF7, #94001C, #483B00, #001D21, #040000)
- Aubergine Studio color palette (#EDE9FD, #7B157F, #443D00, #001C22, #030003)
- Smoked Onyx color palette (#E7F5E5, #6B4300, #00482B, #0F0052, #020100)
- Shadow Ridge color palette (#FBD5DB, #BA472F, #4F3600, #0D0E00, #000200)
- Terracotta Coast color palette (#DDEFDB, #A43A3F, #3B3100, #0B0032, #030100)
- Cocoa Meadow color palette (#E8E1E5, #B3BEB5, #799A8F, #642700, #040002)
- Tempered Onyx Bloom color palette (#E7F3E9, #795A00, #005765, #440049, #020100)
- Misty Raspberry color palette (#F3EAF6, #C04B72, #00482B, #540026, #000201)
Browse the whole catalog at Explore, or see today's palette.