Nocturne Pine color palette — #E2F0FF · #00814A · #26191B · #001E37 · #00050D
A conversation between Fern and Midnight, giving this palette its sense of nature and growth.
The five colors
- Frost (#E2F0FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#00814A): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#26191B): A deep, shadowed, dusty red — the color of late-summer berries.
- Midnight (#001E37): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00050D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.
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
- Airy Harbor color palette (#D7E6FA, #00AD79, #003483, #001743, #0B0222)
- Eclipse Bronze color palette (#E4EFFB, #985400, #001E41, #1A141D, #00030B)
- Emerald Orchard color palette (#CEEAE0, #00B450, #005E8D, #002B44, #000201)
- Aubergine Canyon color palette (#E5E7EE, #A6A8B7, #7C7BA0, #3C0092, #0D1129)
- Eclipse Abyss Coast color palette (#E3F1FA, #004B66, #353A00, #00240D, #00050A)
- Denim Summit color palette (#F2F5FC, #D1B5D5, #4E5E7E, #2A3855, #262331)
- Muted Onyx Courtyard color palette (#EAE4F6, #B06247, #46003E, #280C15, #170013)
- Linen Amber Ridge color palette (#F7E6F8, #C06A00, #00376F, #000F27, #050005)
Browse the whole catalog at Explore, or see today's palette.