Deep Petrol color palette — #D8E4F1 · #0066B5 · #1A243C · #020D1B · #000205

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

The five colors

• Frost (#D8E4F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cobalt (#0066B5): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A243C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#020D1B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000205): quiet, heavy and certain.

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

Use it as a design system

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

• Inked Cypress color palette (#C7E7F3, #00727A, #002938, #000F15, #000303)
• Indigo Market color palette (#E5EEFF, #5262E9, #2C2F46, #101622, #04070B)
• Nightshade Dune color palette (#E0EDFF, #0031AB, #1F171D, #0E0728, #000106)
• Grape Courtyard color palette (#EEE9FF, #6E00D8, #2E1B21, #32053B, #050519)
• Violet Cabin color palette (#DBE2FF, #845CE3, #A95300, #006B56, #0E112B)
• Feathered Iris Atelier color palette (#E2EBF7, #5F92FF, #5A53BF, #463879, #251538)
• Tempered Cobalt Coast color palette (#E9F6EB, #9AD1E5, #1785BA, #005B5D, #08213A)
• Cypress Coast color palette (#E2F7F3, #78AE8B, #287360, #1E4D5D, #002221)

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