Smoked Cocoa color palette — #FBD4E1 · #5C2F00 · #002744 · #000E1C · #050004
A conversation between Cocoa and Midnight, giving this palette its sense of trust and stability.
The five colors
- Shell Pink (#FBD4E1): A whisper-light, dusty rose — the color of strawberry cream.
- Cocoa (#5C2F00): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#002744): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Smoked 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
- Twilit Garnet Thicket color palette (#FAE4FD, #750018, #00262A, #001214, #01000E)
- Twilit Onyx color palette (#D3ECD6, #624400, #003037, #1E0035, #0E000A)
- Twilit Navy color palette (#D6E9D7, #543B00, #130073, #050039, #060002)
- Hushed Basalt Parlor color palette (#DEF3E8, #525662, #3E3B00, #181E26, #000C00)
- Abyss Archive color palette (#C8E8E3, #1A4800, #002918, #001017, #040000)
- Patina Courtyard color palette (#EDDACE, #866400, #404300, #0A1D00, #000C06)
- Nocturne Lantern color palette (#F2DFC7, #755000, #183900, #1B004B, #0E0B00)
- Ancient Villa color palette (#DBE6DB, #98B0A3, #5E8980, #4C3100, #0A180A)
Browse the whole catalog at Explore, or see today's palette.