Petrol Market color palette — #EDF8F4 · #DFC080 · #3679A1 · #1F475F · #182520

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

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Sand (#DFC080): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Slate (#3679A1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1F475F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#182520): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Patina Cypress color palette (#F0F8EF, #DAC18D, #00837E, #324930, #1A2519)
• Cobalt Delta color palette (#FDF1FA, #DBC18A, #586DB4, #55364F, #281E26)
• Ash Summit color palette (#EDF6FF, #FDC7B2, #6E9ABF, #486682, #152330)
• Hushed Workshop color palette (#ECF7FF, #C3F5C5, #387F9F, #093E53, #061118)
• Apricot Thicket color palette (#FEF0FD, #E39987, #315183, #3B253B, #23191C)
• Dusty Grape Alley color palette (#FDE8ED, #CFB06F, #814699, #422A4D, #1F1115)
• Iris Canyon color palette (#F9F3F7, #E4D7D7, #D3BCB7, #7E8CC4, #4E444B)
• Softworn Ultramarine Market color palette (#F1DEF0, #D6A200, #0051C3, #002869, #1A071A)

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