Petrol Market color palette — #EDF4F1 · #DBD1CF · #C7B5B4 · #2D7EA6 · #242F2A

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

The five colors

• Ivory (#EDF4F1): a clean, paper-quiet neutral.
• Oat (#DBD1CF): a clean, paper-quiet neutral.
• Stone (#C7B5B4): A luminous, dusty orange — the color of sun-warmed clay.
• Cerulean (#2D7EA6): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#242F2A): quiet, heavy and certain.

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

Use it as a design system

One click turns Petrol Market 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

• Petrol Orchard color palette (#EFF7F4, #DED4D3, #D2B6BD, #4B7A9C, #404A47)
• Wandering Lagoon Boulevard color palette (#F3F3E6, #ACB999, #25857E, #31604F, #222B0F)
• Washed Pewter color palette (#F8EFF2, #DED3CF, #C9B1AB, #785193, #291C20)
• Muted Azure color palette (#F0F6FB, #D8D9E0, #CABFC4, #5AA6D9, #35414B)
• Aged Ultramarine color palette (#F9EEF9, #DDCFD7, #C3A1AA, #0057B4, #231324)
• Hushed Boulevard color palette (#EFDFED, #4E72BE, #442634, #200F1E, #020805)
• Washed Terrace color palette (#DDE9E5, #AA9AA6, #956F7E, #00395D, #000604)
• Ancient Petrol color palette (#F6F3DD, #59A9BF, #5B64A8, #4E4800, #002A20)

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