Twilit Cocoa color palette — #FFE7F1 · #5E2E00 · #042601 · #000B11 · #040008
A conversation between Cocoa and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE7F1): A whisper-light, dusty rose — the color of strawberry cream.
- Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#042601): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000B11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#040008): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit Cocoa 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
- Moonless Corridor color palette (#D9F8E1, #4C3A00, #00251D, #000526, #060002)
- Shadow Villa color palette (#F0E3F2, #74002D, #261D00, #000C09, #000109)
- Twilit Chestnut Quarry color palette (#FFEBD2, #745700, #403600, #161900, #040700)
- Chestnut Quarry color palette (#F1E0D1, #814700, #004045, #001E2A, #050006)
- Softworn Scarlet Summit color palette (#FBE0EA, #E0051D, #915100, #4A4200, #0A0500)
- Aged Grove color palette (#FCDEC8, #7C5F00, #364000, #001F32, #08072D)
- Fern Garden color palette (#CFF5E9, #405200, #00303C, #23002D, #100400)
- Hushed Cerulean Orchard color palette (#E4EFE6, #008EAF, #004160, #002223, #00091A)
Browse the whole catalog at Explore, or see today's palette.