Nocturne Pier color palette — #E9E0CF · #706100 · #473200 · #261300 · #020200

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

The five colors

• Parchment (#E9E0CF): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#706100): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#473200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#261300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

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

• Chestnut Canyon color palette (#FFE6D5, #8F4F00, #5B2200, #350101, #030100)
• Airy Orchard color palette (#F2EADA, #939400, #6C5A00, #4A3000, #0D1500)
• Worn Moss color palette (#EFE6D9, #8D8B00, #664700, #3B1400, #000200)
• Bronze Workshop color palette (#DFF4E0, #836200, #282C37, #002425, #000404)
• Amber Coast color palette (#FFE3CC, #D68F0F, #9E560B, #702B11, #271900)
• Inked Garnet color palette (#D6EEDA, #004D54, #670033, #321100, #000102)
• Patina Cocoa color palette (#F8F1E0, #A7B278, #7E7740, #654500, #25240D)
• Hazy Nightshade color palette (#D6E3DA, #007586, #29009D, #003038, #01000A)

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