Petrol Market color palette — #F3EEE5 · #82BAD6 · #1A6DA9 · #004F56 · #162C54

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

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#82BAD6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#1A6DA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#162C54): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Petrol Dune color palette (#F2E7DF, #94BEAD, #4469AF, #004C46, #170B36)
• Cobalt Canyon color palette (#FBF4E9, #A3D0C2, #567AAB, #005D6F, #2F385D)
• Wandering Cabin color palette (#F5EDE0, #6BACAA, #00636E, #00402E, #00242F)
• Worn Periwinkle color palette (#E6F2E8, #9DDDFE, #3FABFF, #008F9C, #142C57)
• Muted Forest color palette (#E7FCDE, #8DD6DE, #51A5D9, #067244, #004043)
• Wandering Petrol Corridor color palette (#F9F4EE, #CAE6E8, #7D9CBF, #377986, #5F4B5C)
• Dusty Dune color palette (#D3E9D3, #11A75B, #00755A, #00483F, #032D3B)
• Hushed Navy Study color palette (#F0E7D8, #6184A6, #052F92, #00212B, #06002B)

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