Petrol Market color palette — #D7EAE9 · #76A8CE · #0068B7 · #00465E · #001134

Cobalt and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EAE9): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#76A8CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0068B7): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00465E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Hollow color palette (#E0F2EF, #6EADB9, #007289, #004A4B, #001720)
• Airy Sapphire Workshop color palette (#EBF1DF, #6DBEFF, #0067BE, #003A50, #00020E)
• Quiet Nightshade Ridge color palette (#F2E1E7, #6395BB, #0A35B7, #002F34, #14043C)
• Cornflower Market color palette (#FBEDDF, #68B9F2, #407AF6, #006C75, #13043D)
• Hushed Field color palette (#EDF8F7, #BFD7F1, #6797DA, #0075A3, #273962)
• Tempered Meadow color palette (#EAF9F5, #82DDDB, #009FA8, #007465, #003A42)
• Lagoon Villa color palette (#EFF7F5, #D1DFEF, #80BCC9, #219994, #34586A)
• Dusty Parlor color palette (#D9E6DA, #9C771A, #6F4A00, #472800, #100B00)

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