Nocturne Garnet color palette — #F5DFF2 · #8A0E1C · #402B00 · #001C27 · #120002

Wine and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F5DFF2): A whisper-light, dusty pink — the color of neon signs at night.
• Wine (#8A0E1C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#402B00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001C27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#120002): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Nocturne Garnet 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

• Deep Mulberry color palette (#EFE7F5, #8B0055, #471A00, #001E1B, #11000B)
• Garnet Delta color palette (#F9DEF0, #7D1F00, #311E15, #160D00, #0A0100)
• Obsidian Boulevard color palette (#F5DAD6, #870049, #173D00, #001F23, #020007)
• Frosted Raspberry color palette (#EED6EF, #BA4C7E, #8A1E00, #351F00, #161800)
• Eclipse Cocoa Thicket color palette (#DAECDE, #5D4600, #3D2C00, #00212F, #190003)
• Aged Courtyard color palette (#D7EEE1, #99388E, #632900, #002545, #300014)
• Garnet Orchard color palette (#EFEBF0, #C5B3BD, #809482, #810039, #251B28)
• Gentle Chestnut color palette (#FFEEF7, #924200, #4A4800, #002862, #2D0F00)

Browse the whole catalog at Explore, or see today's palette.