Petrol Market color palette — #F7E7DE · #5FB0B1 · #00829B · #00613D · #000A15

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F7E7DE): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#5FB0B1): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#00829B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00613D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Faded Cobalt color palette (#EAE0D9, #71AABF, #007AC0, #005E57, #01002F)
• Muted Teal Villa color palette (#D7E2E0, #40A3A5, #00646D, #003C36, #000C0F)
• Hushed Turquoise Canyon color palette (#DEE0D2, #5FBB9A, #00A5C3, #6F6700, #001106)
• Worn Lagoon color palette (#DAEBDD, #488484, #00444D, #002017, #000203)
• Wandering Cornflower color palette (#F1E9E1, #94C7EB, #4F8DFF, #007C84, #1C1841)
• Emerald Field color palette (#E3F0E6, #26A852, #007B43, #00451F, #000201)
• Muted Quarry color palette (#F8ECE4, #9BDFF3, #25AFF9, #009282, #142C57)
• Byzantium Courtyard color palette (#E1E3D1, #53A926, #B604BF, #1E5000, #0F0011)

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