Petrol Market color palette — #ECF4F3 · #D2D9E9 · #70A3C5 · #00788D · #20384F

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D2D9E9): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#70A3C5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#20384F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Cabin color palette (#DEEDEA, #93BBC9, #007989, #004C48, #001921)
• Periwinkle Parlor color palette (#FAF4EF, #C9E8E8, #729DCB, #3F7A78, #614B5B)
• Navy Alley color palette (#D7E5E4, #5C7C97, #003D6B, #001E29, #000106)
• Teal Pier color palette (#FAF3F6, #D8D4DF, #BDBFE8, #41A3A2, #414D66)
• Washed Terrace color palette (#E5F6F2, #97DFDC, #00959C, #006455, #002B31)
• Patina Chestnut Hollow color palette (#F9EEF3, #D1B1BE, #9D7589, #794A38, #38262C)
• Aged Bronze color palette (#FDECF4, #D9A786, #73AB84, #A85A18, #003938)
• Driftwood Villa color palette (#FFECF2, #C4E4EA, #A5D1CC, #AD8368, #2B3C2C)

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