Nocturne Pine color palette — #F0EBFF · #008246 · #2E141D · #350034 · #0C000C

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

The five colors

• Blush (#F0EBFF): A whisper-light, dusty violet — the color of wild irises.
• Fern (#008246): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2E141D): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Deep Indigo (#350034): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#0C000C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Fern Courtyard color palette (#F8E5FD, #4C6A00, #3B2619, #2D000F, #090002)
• Pale Emerald color palette (#E9E0F5, #41AB50, #6A004F, #350026, #150821)
• Ancient Garnet Atelier color palette (#E5DEE5, #B6A3AC, #638A6F, #6C0021, #1A101A)
• Softworn Cabin color palette (#FFE8E9, #8DA222, #931B7A, #47093A, #050004)
• Moss Chapel color palette (#E8D9E4, #909300, #680A00, #310200, #130610)
• Gentle Bloom color palette (#E7DBF3, #A57C00, #670045, #230015, #030008)
• Bronze Balcony color palette (#F4DEE7, #8E7A00, #253226, #3D1E00, #130600)
• Garnet Study color palette (#FEF0FD, #97AE2B, #8A0023, #4E0010, #231522)

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