Twilit Petrol color palette — #CFE8FA · #007CA7 · #0D3654 · #031826 · #00050A

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFE8FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#0D3654): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#031826): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00050A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Sapphire Lagoon color palette (#E0E8F4, #3768DD, #2A2C5E, #07162C, #02050A)
• Moonless Denim Cabin color palette (#E0F2FF, #005D7B, #352930, #09173B, #000A14)
• Aged Cerulean color palette (#C9E7D9, #0098C9, #624A64, #14372A, #000602)
• Hushed Field color palette (#DCE5F4, #618AEB, #464A6E, #262E3B, #131920)
• Aged Raspberry color palette (#E1EAFF, #7174F1, #C33D95, #007687, #141E39)
• Softworn Boulevard color palette (#E3F2EF, #8ED2D7, #0097A9, #006C66, #003440)
• Magenta Loft color palette (#E2DFF6, #C535E5, #5E3457, #27213E, #10101E)
• Ultramarine Delta color palette (#CBE0FB, #5B99F1, #009F6C, #005DC9, #00321F)

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