Nocturne Pine color palette — #F1F0DB · #00764E · #003B34 · #000C22 · #000201
Built around Pine, softened by Deep Forest — the whole palette hums with calm and sophistication.
The five colors
- Cream (#F1F0DB): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00764E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#003B34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000C22): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000201): quiet, heavy and certain.
Feels like: Calm, Sophistication, Depth, Luxury. Tagged retro, dark, muted, cool.
Use it as a design system
One click turns Nocturne Pine 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
- Charred Grove color palette (#E7F2CE, #005931, #002B23, #000E1F, #000502)
- Olive Courtyard color palette (#F0E8CD, #616A00, #153C00, #001013, #010100)
- Inked Studio color palette (#DDE4C5, #007080, #00364E, #150027, #000102)
- Tempered Denim Orchard color palette (#EDEDE0, #8CAB8F, #00606A, #002C28, #000102)
- Worn Abyss color palette (#E5E5D4, #5D875A, #004922, #102100, #000200)
- Muted Olive color palette (#F9DAC6, #488E00, #006766, #6D003C, #000502)
- Gentle Aubergine Delta color palette (#F4F9DC, #23B9B3, #00788B, #3E12A1, #001618)
- Dusty Coast color palette (#DDE5D5, #56C364, #009271, #006C69, #000201)
Browse the whole catalog at Explore, or see today's palette.