Nocturne Pine color palette — #EDE9FA · #007C4D · #360038 · #220F0D · #080008

Built around Pine, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Blush (#EDE9FA): A whisper-light, dusty violet — the color of twilight just after sunset.
• Pine (#007C4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#360038): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#220F0D): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#080008): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication, 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

• Shadow Onyx Atelier color palette (#E8EDFE, #517500, #1F005A, #220E1F, #030013)
• Faded Dune color palette (#FAE2E5, #009C64, #5E0060, #1F0020, #060001)
• Charred Pier color palette (#E5DEEF, #896600, #382119, #390028, #0E0007)
• Muted Garnet color palette (#EBE6EB, #AB9BA2, #63856D, #690022, #0A010C)
• Washed Garnet color palette (#F1E6EF, #8A9543, #6F0303, #2B0000, #050004)
• Tempered Chestnut color palette (#FCEDF2, #C0B387, #754A0E, #3A2100, #16070C)
• Midnight Balcony color palette (#F9DAD9, #B2860D, #50003A, #170708, #040002)
• Aged Field color palette (#F4F0F8, #9AD0C7, #805166, #482335, #18101D)

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