Petrol Delta color palette — #EBF4F4 · #D6D9EC · #849FBE · #457189 · #29374B

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D6D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#849FBE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#457189): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#29374B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Softworn Cypress Parlor color palette (#E5F5FA, #71C4C1, #9B95C6, #008281, #292F4C)
• Petrol Bloom color palette (#DCEDEB, #8FBAD2, #00769A, #004A52, #001827)
• Weathered Station color palette (#EBF4F2, #BCE4EF, #4A9CA1, #1A6D5F, #043140)
• Patina Garden color palette (#DFF4F3, #79A1C0, #005A9D, #003649, #000922)
• Dusty Terrace color palette (#F9F4EF, #C9E8EC, #8598C7, #1A7C8A, #654958)
• Softworn Cerulean Workshop color palette (#FBF2F5, #D9D4DE, #CBBDEE, #579EAA, #454C67)
• Tempered Lagoon color palette (#DCEDEA, #488486, #00444B, #00201C, #000202)
• Tempered Courtyard color palette (#FDEDF5, #CEB2BE, #997789, #6B4D61, #38262D)

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