Cocoa Basin color palette — #F8DCED · #692300 · #00222C · #1F0C0B · #000720
Built around Rust, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F8DCED): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#692300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Midnight (#00222C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1F0C0B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#000720): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: 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
- Nocturne Garnet Villa color palette (#ECD9EE, #75002A, #3D3438, #002422, #000B11)
- Deep Onyx Alley color palette (#FADDE8, #5B3100, #001F39, #05002B, #02000B)
- Eclipse Cocoa color palette (#EEDBCA, #592F00, #1F2000, #000B05, #040000)
- Chestnut Field color palette (#FFE5ED, #7B4C00, #323E00, #002118, #070000)
- Bronze Drift color palette (#FFEAE3, #896500, #124323, #121F39, #130324)
- Muted Navy color palette (#DDECE0, #6E5300, #0C2093, #2D004E, #1E001A)
- Softworn Navy color palette (#F4E7EE, #378CA8, #003D71, #00231C, #07002A)
- Lowlit Atelier color palette (#D3E7D8, #4C6800, #003420, #250431, #040700)
Browse the whole catalog at Explore, or see today's palette.