Petrol Delta color palette — #E5F5FE · #88BCD0 · #C68F5E · #007E9D · #452633

Cerulean and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5F5FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#88BCD0): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C68F5E): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#452633): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Amber Market color palette (#ECF7FF, #79B9DB, #CC8652, #307B9E, #604351)
• Blush Villa color palette (#E4F5FA, #85C0BC, #CC839E, #00837F, #3A2943)
• Cobalt Lagoon color palette (#EAF3FE, #9AB5DD, #B19A59, #4472B5, #183924)
• Mustard Harbor color palette (#ECF9ED, #89D3D6, #D0AD4E, #3B9DA1, #504D46)
• Patina Teal color palette (#E5F4FF, #D9D7E4, #AEABA1, #5CA39C, #2B3C4D)
• Bronze Drift color palette (#E9F3FF, #7B9ED2, #BB7B68, #AE5F48, #1B2838)
• Pewter Summit color palette (#EAF5ED, #A3C4B7, #6D8C75, #704B5D, #18312F)
• Worn Azure Delta color palette (#E7F4FF, #38A0EB, #A57B00, #006098, #2B1E00)

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