Nocturne Coast color palette — #F2D7E3 · #318D48 · #32006D · #0B0021 · #040002

Royal Purple takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2D7E3): A whisper-light, dusty rose — the color of a warm blush.
• Fern (#318D48): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#32006D): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0B0021): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

One click turns Nocturne Coast 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 Navy Balcony color palette (#EEDEEA, #837C00, #160082, #030029, #040003)
• Charred Alley color palette (#FCE4EA, #007A5D, #310043, #170B03, #06000B)
• Pale Nightshade color palette (#E3E9F8, #00AC7C, #383394, #14153B, #000110)
• Aubergine Drift color palette (#F7D5DC, #00B168, #640072, #28002E, #0A0002)
• Ancient Aubergine color palette (#ECECFC, #C99A23, #58007F, #291212, #0F001A)
• Muted Moss Field color palette (#FAE7E3, #809A29, #6E0026, #2A0009, #060000)
• Garnet Canyon color palette (#F5EAEB, #C1AEA9, #A6866E, #69235D, #150607)
• Mulberry Garden color palette (#FFEDEA, #89B952, #8D004A, #42001F, #120303)

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