Twilit Petrol color palette — #D1E9F8 · #006A86 · #070A38 · #070C10 · #000102

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D1E9F8): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006A86): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#070A38): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070C10): quiet, heavy and certain.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Twilit 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

• Charred Cabin color palette (#D3EFF3, #00705E, #343037, #00151E, #000201)
• Nocturne Denim color palette (#DFEFFF, #005184, #121118, #08001B, #000104)
• Worn Cerulean color palette (#DAEFE4, #0086AC, #1B436E, #00212D, #000301)
• Wandering Cerulean color palette (#FBF2FB, #92DBDD, #0086AC, #005525, #000C22)
• Azure Ridge color palette (#ECF7FF, #50A8D9, #3E455B, #0D202E, #010709)
• Hazy Nightshade Hollow color palette (#D5E9EA, #009DCF, #005DBB, #2A00A1, #0F0020)
• Moonless Cornflower color palette (#E3EFFF, #1078F6, #351D4D, #00061A, #000103)
• Worn Orchid Chapel color palette (#F4F4FF, #AA6ACB, #3E2E44, #0F0C21, #000104)

Browse the whole catalog at Explore, or see today's palette.