Nocturne Pier color palette — #F0EDDF · #376536 · #003225 · #2D000A · #000200

Pine takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0EDDF): bright and airy, almost weightless.
• Pine (#376536): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003225): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#2D000A): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Nocturne Pier 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 Fern Corridor color palette (#DFEADD, #2C6D16, #033B07, #121C22, #000901)
• Hushed Fern Corridor color palette (#F4EADB, #7A7D41, #205100, #382600, #080800)
• Charred Aubergine Pier color palette (#E1E1BF, #345800, #4F008B, #132400, #020007)
• Twilit Orchard color palette (#E1E0CF, #2C4400, #440073, #3E003E, #010100)
• Petrol Studio color palette (#F0F0CF, #60987F, #006E82, #362B00, #000200)
• Worn Balcony color palette (#EAEBDC, #5D9D80, #00625E, #5E2418, #00170D)
• Hushed Olive color palette (#FCF0E2, #AE9E78, #566E29, #5E3F14, #251A00)
• Navy Archive color palette (#F3EBE4, #4E7DA4, #132D8F, #001F23, #010009)

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