Nocturne Petrol color palette — #FDE5F9 · #006789 · #5C5300 · #0B0D07 · #020100
Peacock takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FDE5F9): A whisper-light, dusty pink — the color of neon signs at night.
- Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#5C5300): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#0B0D07): quiet, heavy and certain.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Nocturne Petrol 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 Forest color palette (#E5E3F7, #00704F, #724700, #0D0C06, #020100)
- Ultramarine Market color palette (#FBE7EC, #0054CA, #00632D, #030D0B, #010100)
- Worn Basin color palette (#F1E4F0, #008C8B, #7B7100, #090F06, #000201)
- Forest Chapel color palette (#E0E9DD, #00673C, #00332A, #000F10, #000102)
- Washed Loft color palette (#E9EBE4, #8A9083, #5B7355, #003408, #010100)
- Chestnut Terrace color palette (#EEE9D5, #705300, #293336, #151500, #010100)
- Frosted Cobalt Balcony color palette (#FFE5E2, #0081DF, #00892F, #000F0B, #010100)
- Charred Navy color palette (#ECE9D8, #343B00, #0E0085, #220027, #010100)
Browse the whole catalog at Explore, or see today's palette.