Twilit Cocoa color palette — #FAEDE5 · #732800 · #2B3D00 · #310039 · #030100
Rust takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAEDE5): a clean, paper-quiet neutral.
- Rust (#732800): A deep, shadowed, balanced orange — the color of toasted spice.
- Forest (#2B3D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#310039): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. 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
- Cocoa Ridge color palette (#F2E0D3, #5E2500, #1F2B00, #1D001E, #040000)
- Shadow Garnet Hollow color palette (#FDE9F7, #7D1800, #003F3A, #001D38, #0F0100)
- Inked Garnet color palette (#FFE0E7, #7F003A, #443400, #17005A, #040000)
- Cellar Basalt color palette (#F2E5C8, #4E4400, #004037, #002127, #020100)
- Hushed Bronze color palette (#F1E2D8, #A24C00, #343F13, #451C00, #020100)
- Patina Bronze color palette (#F7EDE2, #AF9D84, #997532, #4F2D00, #090300)
- Velvet Cabin color palette (#E5E0C2, #4B5900, #004E52, #4B0E00, #030200)
- Quiet Hollow color palette (#F5E9D3, #796200, #006450, #680622, #0D0700)
Browse the whole catalog at Explore, or see today's palette.