Petrol Delta color palette — #F0F7F3 · #DFD4D2 · #C9B7B7 · #18819A · #3F4B44

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

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#DFD4D2): a clean, paper-quiet neutral.
• Stone (#C9B7B7): A luminous, dusty red — the color of a theater curtain.
• Cerulean (#18819A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4B44): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Petrol Delta color palette (#ECF3F7, #D5D7E1, #BDBBD3, #3B7F98, #252D33)
• Antique Fern Bloom color palette (#EAFBE8, #AEBEAC, #678B81, #616230, #375145)
• Patina Lapis color palette (#FAF2F8, #E3D6D3, #CFB5B3, #5059D0, #4B3A46)
• Worn Cobalt Studio color palette (#EDDFEF, #3074B6, #422A35, #28182B, #0C1615)
• Washed Abyss Lantern color palette (#DEEAE4, #B1A5AF, #997380, #003D53, #011910)
• Hushed Petrol Basin color palette (#FCF5E1, #55A89F, #4C69A1, #574F00, #254532)
• Weathered Nightshade Field color palette (#F4ECF0, #D5C8CA, #B39A95, #523CAD, #3A2732)
• Worn Aubergine color palette (#E4DCDF, #C7B4B3, #A3877D, #5F138E, #2E1720)

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