Nocturne Field color palette — #F5F0D7 · #4E662C · #0F3400 · #151900 · #030700
A conversation between Deep Forest and Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F0D7): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#4E662C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#0F3400): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#151900): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#030700): 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 Field 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
- Cellar Cypress color palette (#D8F5EA, #006A5B, #003732, #001817, #000508)
- Washed Spruce Study color palette (#F3EBD8, #7C7E43, #3F4B00, #133800, #1C1C00)
- Olive Hollow color palette (#D6E5DC, #638039, #00542B, #332B00, #000806)
- Wandering Petrol color palette (#CEE9D1, #6AA6B5, #00779D, #003834, #000D10)
- Washed Forest color palette (#EEEECD, #69A268, #006D39, #004F3E, #033907)
- Wandering Navy Boulevard color palette (#EBF1E0, #5D85A8, #003B77, #00202F, #000429)
- Dusty Corridor color palette (#F8F5EB, #B6B18D, #657B54, #3E6446, #4C4300)
- Velvet Fern color palette (#F4EDDB, #606125, #272F00, #1B1700, #060600)
Browse the whole catalog at Explore, or see today's palette.