Twilit Petrol color palette — #D6E6DF · #006B96 · #351C2C · #001911 · #000604

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

The five colors

• Parchment (#D6E6DF): bright and airy, almost weightless.
• Peacock (#006B96): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#351C2C): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#001911): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000604): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Aged Harbor color palette (#ECE0EC, #4872AB, #432933, #271928, #081514)
• Cypress Loft color palette (#D5E2D7, #007177, #002D26, #001A05, #020804)
• Lowlit Denim Bloom color palette (#D1EFE6, #004876, #0A191C, #11052A, #000309)
• Softworn Azure Chapel color palette (#E3F3FF, #00A7E7, #57617C, #313E49, #040F13)
• Aubergine Harbor color palette (#FFE2ED, #635D67, #3D006F, #2C131A, #0D0006)
• Midnight Lapis Parlor color palette (#ECEFFF, #4A2AE0, #330935, #09032F, #000A06)
• Eclipse Byzantium color palette (#F4E1E7, #8E36BA, #431C2A, #210E2C, #130508)
• Cellar Lantern color palette (#ECD7E8, #1018A2, #0E131A, #11001A, #000011)

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