Cocoa Alley color palette — #F6E5F0 · #693F00 · #012D05 · #1B0021 · #050300
A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6E5F0): A whisper-light, dusty pink — the color of neon signs at night.
- Bronze (#693F00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Forest (#012D05): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#1B0021): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#050300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.
Use it as a design system
One click turns Cocoa Alley 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
- Midnight Cocoa color palette (#F1DCE8, #682400, #00241F, #190009, #050100)
- Obsidian Fern color palette (#F6E9FB, #425100, #002A2B, #21000B, #000501)
- Lowlit Spruce Hollow color palette (#DBF7ED, #5F5153, #293300, #121F1D, #000603)
- Eclipse Garnet color palette (#D8ECD6, #881134, #2E2200, #0B0034, #0A0100)
- Dusty Dune color palette (#FFEAE8, #7C6427, #004525, #3D001B, #250002)
- Aged Rust color palette (#E2F2E9, #C35800, #666000, #004640, #020700)
- Gentle Navy color palette (#D9F9DF, #706500, #0B4B06, #110066, #030400)
- Velvet Hollow color palette (#C8E7E2, #006D60, #00313A, #32000E, #000806)
Browse the whole catalog at Explore, or see today's palette.