Nocturne Ridge color palette — #F7DBD3 · #8D002B · #3A2E00 · #23004A · #150002

Wine takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7DBD3): A whisper-light, dusty orange — the color of toasted spice.
• Wine (#8D002B): A full-bodied, vivid red — the color of embers at dusk.
• Espresso (#3A2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#23004A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#150002): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark.

Use it as a design system

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

• Cocoa Station color palette (#FEECDE, #713300, #253700, #2C0027, #0E0100)
• Nocturne Canyon color palette (#FDDED9, #78003B, #00253D, #10003C, #090001)
• Cellar Mulberry color palette (#FFE3DD, #8C003E, #00421B, #001C28, #020006)
• Ancient Lantern color palette (#FFE7D9, #A43100, #424900, #4E005B, #2E0210)
• Moonless Summit color palette (#F9E2E5, #7D0082, #591A00, #001A2E, #0B021E)
• Garnet Villa color palette (#E7DFDB, #C7B5AB, #A48872, #7C1C17, #291C16)
• Gentle Plum color palette (#EED7F0, #BB1E5A, #005C1A, #003D4C, #0F001D)
• Faded Ember color palette (#FBEBE8, #CE5900, #6F3600, #3A2000, #1F1300)

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