Nocturne Garnet Canyon color palette — #FEE0D6 · #8E0D29 · #004543 · #40000C · #000201

Wine takes the lead with Espresso close behind in a set that reads as depth and luxury at first glance.

The five colors

• Shell Pink (#FEE0D6): A whisper-light, dusty orange — the color of toasted spice.
• Wine (#8E0D29): A full-bodied, balanced red — the color of a theater curtain.
• Forest (#004543): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#40000C): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

Feels like: Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Velvet Drift color palette (#FBE8E7, #880060, #004730, #3C0028, #000201)
• Smoked Cocoa color palette (#F7D7C0, #793600, #00415C, #341300, #000103)
• Tempered Canyon color palette (#FDE3DB, #C4153E, #006164, #570014, #000202)
• Navy Basin color palette (#F9E7E5, #75000E, #003D0A, #020C6C, #050000)
• Terracotta Pier color palette (#F5E5E1, #A3351D, #5A0500, #1A1E13, #150100)
• Moonless Cocoa color palette (#DADFF5, #006F56, #803D00, #0F0B04, #030100)
• Pale Lantern color palette (#F9E5C7, #745500, #2129BF, #372700, #010016)
• Washed Bronze Bloom color palette (#F8E3CF, #9B5800, #005E8C, #512B00, #000912)

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