Nocturne Pier color palette — #F9D8CD · #824D00 · #392E00 · #0C1000 · #000301
A conversation between Coffee and Espresso, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F9D8CD): A whisper-light, dusty orange — the color of toasted spice.
- Coffee (#824D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#392E00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0C1000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged 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
- Smoked Terracotta Study color palette (#F9E5E8, #A32900, #462300, #170F00, #030400)
- Obsidian Loft color palette (#EEE2C5, #5E6200, #0F3C00, #00130D, #000204)
- Aged Balcony color palette (#ECE0CE, #906E00, #544800, #252300, #040500)
- Gentle Scarlet Corridor color palette (#DFEDE2, #DA3F28, #835A00, #00431A, #040400)
- Smoked Cocoa Bloom color palette (#E0F4E1, #713A00, #232700, #0D0033, #060300)
- Wandering Onyx color palette (#E7DBDF, #8F9E93, #57796D, #422100, #13040A)
- Abyss Delta color palette (#EBDBD4, #7B6615, #034A0C, #2E0847, #19031C)
- Softworn Amber Boulevard color palette (#FEE3CC, #B08D00, #5A6100, #004111, #002D22)
Browse the whole catalog at Explore, or see today's palette.