Nocturne Plum color palette — #E6DBE6 · #C00040 · #563300 · #121800 · #040002
Ruby and Cocoa set the tone — five colors that lean into optimism and energy.
The five colors
- Silver (#E6DBE6): a clean, paper-quiet neutral.
- Ruby (#C00040): A full-bodied, vivid red — the color of embers at dusk.
- Cocoa (#563300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#121800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Nocturne Plum 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
- Airy Coast color palette (#F2DDF5, #674800, #920037, #2B1B0F, #130001)
- Nocturne Chestnut Dune color palette (#FFE9F2, #9A5100, #3E3F00, #001B10, #040000)
- Nocturne Mulberry Pier color palette (#FFE6E3, #86004E, #362700, #001410, #00000B)
- Scarlet Orchard color palette (#FFDCD9, #EA1907, #8E2100, #3B1200, #030100)
- Plum Corridor color palette (#F1EAFF, #AE0096, #750012, #211100, #01000A)
- Aged Grove color palette (#FDE1DA, #BA7C57, #7F4E00, #203500, #000A02)
- Sunlit Magenta color palette (#F0E7FF, #D900B6, #736400, #004C59, #00090D)
- Ancient Peony color palette (#FAE7FF, #FF81C8, #FF2886, #BA080B, #040000)
Browse the whole catalog at Explore, or see today's palette.