Nocturne Alley color palette — #F5DCE5 · #6E5B19 · #272F00 · #001C12 · #080500
A conversation between Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F5DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
- Olive (#6E5B19): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#272F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.
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
- Deep Workshop color palette (#D7E7DF, #3F6A2F, #003422, #181800, #010800)
- Dusty Ridge color palette (#DFF1E5, #7C7818, #424B00, #173400, #070600)
- Wandering Olive color palette (#DCECE4, #60864E, #005236, #00353C, #0A2100)
- Wandering Cocoa color palette (#E4F2FD, #00587B, #692700, #002435, #100200)
- Quiet Navy color palette (#FFE2EC, #A69042, #536200, #213891, #382D00)
- Antique Navy color palette (#F2E2EA, #5189A0, #003E6D, #002221, #03002E)
- Aged Pewter color palette (#CAE3F6, #728EC8, #8357A0, #003B3E, #000D20)
- Navy Alley color palette (#E2EFFF, #003690, #640026, #2F2200, #00010A)
Browse the whole catalog at Explore, or see today's palette.