Nocturne Harbor color palette — #F7ECD9 · #5A6412 · #043504 · #001B1A · #050700
Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F7ECD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Olive (#5A6412): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#043504): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#001B1A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#050700): 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 Harbor 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 Forest color palette (#E7E7C9, #0C6E49, #00332F, #0D1B00, #000803)
- Forest Canyon color palette (#F2EDD4, #63803C, #1C5300, #00351C, #030700)
- Pine Canyon color palette (#E1F4E5, #869039, #1A760C, #00544F, #050700)
- Washed Lagoon color palette (#EDEDDD, #448A67, #00504A, #003348, #002112)
- Deep Market color palette (#F2E0F3, #00509A, #583600, #002044, #0B0400)
- Inked Navy Corridor color palette (#DBE9FF, #00398A, #482D00, #1E2201, #000109)
- Linen Basin color palette (#F6EAD4, #879D32, #006E21, #473671, #293300)
- Washed Navy color palette (#ECE4DB, #6084A7, #212F89, #002127, #0C0026)
Browse the whole catalog at Explore, or see today's palette.