Twilit Cocoa color palette — #D4E3D8 · #5C4900 · #003829 · #001C21 · #000615
Deep Olive and Deep Forest set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#D4E3D8): A whisper-light, dusty teal — the color of sea glass.
- Deep Olive (#5C4900): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003829): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001C21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000615): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, 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
- Antique Market color palette (#DFF7E1, #735000, #2B3E00, #00261D, #040E1C)
- Twilit Nightshade Lagoon color palette (#D7DFEE, #2529CB, #003B17, #002321, #00060D)
- Velvet Cocoa Grove color palette (#F1DFE6, #693600, #403F00, #180C00, #0A0004)
- Midnight Spruce Lantern color palette (#DAEFD8, #633E00, #003D0A, #34001D, #0F0100)
- Dusty Canyon color palette (#DCF2DE, #9B4D00, #533600, #002D0C, #241000)
- Softworn Atelier color palette (#F1E1DB, #C90714, #006044, #00372E, #120006)
- Lowlit Garnet color palette (#FAE0F4, #8F0409, #003924, #001F18, #01000A)
- Gentle Amber Drift color palette (#FFE3D9, #C96200, #683A00, #3A2300, #1E1300)
Browse the whole catalog at Explore, or see today's palette.