Twilit Cocoa Archive color palette — #F4DFEB · #5E2200 · #2F2400 · #001715 · #050100
Espresso and Onyx set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F4DFEB): A whisper-light, dusty pink — the color of a candy shop window.
- Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Onyx (#2F2400): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001715): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Twilit Cocoa Archive 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
- Twilit Study color palette (#EDE1EA, #9B2C55, #521700, #1A0F00, #030400)
- Charred Parlor color palette (#DCEBE0, #791E62, #3A1A00, #000B28, #0C0002)
- Velvet Garnet color palette (#FCDEDC, #65003D, #023406, #001617, #040001)
- Obsidian Field color palette (#F1EBFD, #853978, #2E2900, #370030, #020200)
- Garnet Balcony color palette (#E7E1E7, #A5949C, #5E7865, #560019, #0F0510)
- Lowlit Onyx color palette (#CFEBD6, #554100, #00421C, #10005E, #070400)
- Mulberry Lantern color palette (#E4DBEC, #95005D, #00551A, #003032, #060002)
- Chalky Navy color palette (#E8DBE4, #941F00, #005128, #210079, #200200)
Browse the whole catalog at Explore, or see today's palette.