Nocturne Pine color palette — #D1E6E3 · #0E7E1A · #00345F · #023005 · #000206

Olive and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D1E6E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#0E7E1A): A full-bodied, vivid green — the color of new leaves after rain.
• Navy (#00345F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Forest (#023005): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Depth, Luxury. Tagged duotone, dark.

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

• Cypress Quarry color palette (#E2E8DC, #007A5E, #1E3E58, #003225, #000102)
• Midnight Aubergine Workshop color palette (#CDE3E6, #007A65, #380087, #002E25, #02000C)
• Softworn Parlor color palette (#DEF0E4, #7C6600, #003A45, #2F2600, #000203)
• Nocturne Forest color palette (#F8D6D0, #006752, #003549, #360200, #000E0E)
• Softworn Lagoon color palette (#D0EBEC, #009A73, #005E68, #00523C, #000203)
• Linen Aubergine Study color palette (#E2F1F9, #0083A3, #58008B, #003847, #070010)
• Twilit Aubergine Quarry color palette (#D5F0F2, #005841, #34006D, #210E00, #060400)
• Powdered Villa color palette (#DCF8F8, #00A968, #005891, #005532, #001325)

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