Petrol Market color palette — #EFF7F7 · #CDDFEF · #5C8EC3 · #006C8E · #344869

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#CDDFEF): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#5C8EC3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#344869): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Cobalt Boulevard color palette (#EDF8F7, #A3D5F7, #0F84D3, #00627D, #0C3F77)
• Antique Quarry color palette (#EFF7F5, #BEE4EF, #50979D, #007265, #11515B)
• Powdered Iris Quarry color palette (#E8F9FD, #53B2A9, #847ECC, #00756E, #3F3C68)
• Antique Denim Lagoon color palette (#E2F4F1, #6EAAB4, #006275, #003E3E, #002330)
• Antique Periwinkle color palette (#FAF4EE, #C3E5E9, #82A4E8, #238994, #593E4E)
• Misty Olive Parlor color palette (#E0FBFF, #389B8A, #3C81B7, #696F00, #074047)
• Abyss Villa color palette (#D0E4E2, #5F869E, #00425E, #002128, #000A16)
• Ancient Petrol Archive color palette (#E3F2F2, #9AB4CF, #3368B0, #004B6A, #15295F)

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