Petrol Market color palette — #F4F7EA · #BCDDCE · #619DC3 · #00798E · #1D3D58

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Silver (#BCDDCE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#619DC3): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00798E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1D3D58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sky Pier color palette (#EDF8F7, #D7DDE9, #38B0F7, #007C94, #0F304D)
• Petrol Study color palette (#E1E3D2, #56B2BA, #007383, #004A47, #00171E)
• Dusty Denim Pier color palette (#EEF2E3, #639ABB, #005C93, #003949, #00091A)
• Ancient Cerulean Meadow color palette (#EFF0DF, #95D1D2, #0298A5, #006D62, #00343E)
• Aged Lagoon color palette (#FDF3EC, #A9CFBE, #427BB9, #00605F, #2F3662)
• Frosted Cabin color palette (#E3F5DD, #4DBDAC, #828CE5, #008475, #2B2F62)
• Powdered Garden color palette (#E9EEDF, #8FB6D6, #1477CA, #005571, #001C4B)
• Quiet Lagoon Basin color palette (#DDEEE2, #5BC18D, #00966E, #006E5B, #00433B)

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