Petrol Delta color palette — #D5E5EC · #008090 · #143551 · #001923 · #000607

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D5E5EC): bright and airy, almost weightless.
• Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#143551): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000607): 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 Petrol Delta 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

• Washed Petrol color palette (#DCF0FF, #00698F, #40373B, #172144, #000A15)
• Cerulean Balcony color palette (#D4E7D9, #009DAF, #644865, #00373E, #020600)
• Hushed Sapphire Thicket color palette (#DBEBFE, #006BE4, #352B53, #0B1724, #010509)
• Azure Delta color palette (#D8E7F4, #0097E6, #434D65, #232F3A, #121A1D)
• Inked Veranda color palette (#D5E0ED, #00519E, #22181B, #190F37, #000209)
• Faded Azure Station color palette (#E3EDF8, #2E9FFC, #747A25, #965600, #072138)
• Frosted Mustard color palette (#D9EADB, #ABAB41, #518135, #1C6258, #0B3023)
• Orchid Harbor color palette (#E3E6FF, #9B56FF, #5E3456, #21243E, #0C121C)

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