Nocturne Alley color palette — #F2D8E3 · #733C00 · #004827 · #311600 · #000201
Built around Bronze, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F2D8E3): A whisper-light, dusty rose — the color of pressed rose petals.
- Bronze (#733C00): A full-bodied, balanced gold — the color of old brass.
- Forest (#004827): A deep, shadowed, balanced teal — the color of glacier melt.
- Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Alley 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 Fern Field color palette (#D5E6DD, #544E00, #004449, #221F00, #000102)
- Inked Garnet color palette (#F1E4EE, #920604, #314300, #400101, #010100)
- Cocoa Bloom color palette (#FFE5F1, #774411, #451D00, #1F0500, #020100)
- Deep Aubergine color palette (#D2EAD0, #6A4200, #66005F, #2D1900, #030003)
- Obsidian Forest color palette (#F0DFDE, #007048, #625000, #09100C, #000201)
- Aged Garnet Orchard color palette (#E1F1EA, #5C6100, #8C0026, #2A2D00, #0A0001)
- Hushed Pier color palette (#FFE0EA, #A6874A, #776B00, #4D2500, #000300)
- Wandering Bronze color palette (#FFE7D2, #9D5200, #006A38, #572B00, #000802)
Browse the whole catalog at Explore, or see today's palette.