Petrol Market color palette — #F6EBF2 · #79BDCD · #00709E · #005144 · #102D55

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F6EBF2): bright and airy, almost weightless.
• Cyan (#79BDCD): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00709E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#102D55): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. 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

• Dusty Petrol color palette (#F3E4EE, #8EBBD0, #0271AD, #004D38, #0B1136)
• Cobalt Thicket color palette (#FDF1F7, #A0CCE6, #497DAB, #00605C, #2D395A)
• Turquoise Delta color palette (#F3EEE5, #BADDC7, #46B1DF, #00918C, #003051)
• Antique Ash color palette (#FBF2F7, #D7E0F2, #709FC3, #427882, #485365)
• Lagoon Chapel color palette (#F7E1F0, #1EA2A8, #005266, #003220, #001526)
• Hushed Navy Cabin color palette (#F1E2E8, #2A8BB5, #003C74, #002222, #05012A)
• Aged Plum color palette (#F6DDED, #B51194, #00713A, #005A50, #321129)
• Softworn Amber Terrace color palette (#FFEFFC, #F2A3AD, #CB7F46, #664886, #3F2B46)

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