Petrol Market color palette — #EDF7FC · #D2BE93 · #276877 · #183D4E · #21262F

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

The five colors

• Ivory (#EDF7FC): bright and airy, almost weightless.
• Sand (#D2BE93): A luminous, dusty gold — the color of honey in a jar.
• Peacock (#276877): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#183D4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#21262F): quiet, heavy and certain.

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

• Aged Shell Balcony color palette (#EAF3FD, #F1AEBF, #3E6588, #233342, #0D151D)
• Navy Loft color palette (#F2F5FD, #C8AA6B, #49478D, #222C4B, #1D1926)
• Aged Shell color palette (#EAF9F5, #FCBDCD, #55897C, #35544C, #212F2B)
• Worn Bone Workshop color palette (#EFF8F0, #CFE7BD, #84A98B, #5E7362, #242E26)
• Dusty Petrol Quarry color palette (#F0F6FA, #88CAEB, #7C72B6, #00779E, #2A2D3A)
• Amber Loft color palette (#D5DFEA, #B0850D, #003762, #00172D, #040413)
• Patina Cabin color palette (#F1F6FB, #DAD9E2, #B9A8AA, #6285AA, #4F5358)
• Shadow Study color palette (#D7EBF8, #785900, #362B2E, #001721, #000305)

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