Petrol Market color palette — #E4F3E6 · #81BFE8 · #2868B0 · #003C47 · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#E4F3E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#81BFE8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#2868B0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Timeworn Petrol Atelier color palette (#E7F1E9, #78C6C7, #007485, #003F31, #000305)
• Gentle Navy color palette (#F0E6D6, #5097C5, #00488D, #002F37, #050643)
• Cornflower Study color palette (#E9DBE1, #85B7D9, #587BE5, #006D6A, #1B003B)
• Worn Atelier color palette (#EEF8F0, #D4DEFB, #5997D2, #006874, #091B45)
• Soft Meadow color palette (#CCE5DD, #7B991F, #741DC1, #334300, #020007)
• Timeworn Garnet Station color palette (#DCEDCC, #4C7500, #005A9D, #7F0030, #010100)
• Sky Balcony color palette (#EFF8F0, #D6D6E5, #4EB9F8, #00878B, #10365E)
• Wandering Bronze color palette (#F1E8CE, #8F8200, #505600, #172500, #000200)

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