Twilit Cocoa color palette — #D8EAC8 · #00634F · #5D2600 · #1B1500 · #000200
Espresso takes the lead with Pine close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Celadon Mist (#D8EAC8): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00634F): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#1B1500): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Nocturne Garnet Atelier color palette (#E8E4C2, #4C6300, #5E002B, #2E0A00, #020100)
- Cellar Workshop color palette (#CEEEE8, #094505, #4E000D, #1A0A00, #020200)
- Deep Abyss color palette (#D1ECD8, #004951, #2D2200, #171A20, #030800)
- Powdered Veranda color palette (#F0FADB, #00975C, #AE3900, #593C00, #030700)
- Aged Petrol Drift color palette (#DFFDF3, #006A95, #3B4500, #00311B, #000102)
- Eclipse Onyx color palette (#D2E7F4, #004961, #440037, #170C00, #000102)
- Tempered Hollow color palette (#E9FBEE, #00AEC6, #8B6B00, #345300, #030A00)
- Plum Loft color palette (#DFF6ED, #007CB5, #A1009B, #623F00, #000203)
Browse the whole catalog at Explore, or see today's palette.