Petrol Market color palette — #F4F7E5 · #7BC4DB · #00789E · #00545D · #003752

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7BC4DB): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00545D): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#003752): A deep, shadowed, dusty 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

• Cobalt Villa color palette (#FFEEE4, #7DC8E0, #0078B7, #00524B, #02114A)
• Lagoon Harbor color palette (#F6F6E8, #9DDCDA, #009199, #00685A, #004952)
• Soft Azure Thicket color palette (#FFF0F9, #88D8F2, #0094E1, #007369, #192F63)
• Muted Sky Veranda color palette (#E7FAF8, #9FE6FF, #05BAF5, #0095A6, #003753)
• Weathered Petrol Villa color palette (#F4F6F0, #C9E3E3, #719FC0, #007B94, #29534A)
• Feathered Sapphire Quarry color palette (#F2F8E7, #98BBE0, #0066DF, #005073, #122977)
• Tempered Denim Drift color palette (#E0E3D6, #81A996, #005F85, #003C47, #002139)
• Muted Navy color palette (#DEE1D7, #6085A2, #003D6F, #00202D, #00081F)

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