Twilit Cocoa color palette — #EED9E4 · #7C3300 · #004257 · #361200 · #000102
A conversation between Rust and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#EED9E4): A whisper-light, dusty pink — the color of a candy shop window.
- Rust (#7C3300): A full-bodied, balanced orange — the color of autumn markets.
- Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#361200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, 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
- Garnet Canyon color palette (#EAD8EB, #90002D, #004544, #40000F, #000201)
- Velvet Chestnut color palette (#D2E4D7, #705300, #342B31, #1B1300, #020100)
- Bronze Chapel color palette (#EFDDE6, #A74D00, #005E76, #481D00, #000102)
- Charred Aubergine color palette (#F5D9C8, #5E2C00, #003B2F, #2B005D, #030100)
- Inked Chestnut color palette (#EEE5FF, #006B75, #6B4C00, #0B100A, #000200)
- Inked Corridor color palette (#CEEBD8, #5B4B00, #301A99, #251E00, #01000A)
- Amber Meadow color palette (#F5D6E0, #C17D21, #0060A2, #643C00, #001327)
- Hazy Grape color palette (#FFE6D7, #AD4200, #7033A2, #602100, #0B0018)
Browse the whole catalog at Explore, or see today's palette.