Petrol Atelier color palette — #ECF4F3 · #D3D9EC · #7FA0BE · #28758C · #24384D

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D3D9EC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7FA0BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#28758C): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#24384D): 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 Atelier 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

• Patina Petrol color palette (#E0ECEA, #91BBCB, #00788D, #004B4A, #001922)
• Timeworn Pier color palette (#FAF4EF, #C9E8EA, #7C9BC7, #297C80, #5F4C58)
• Washed Study color palette (#D4E2E2, #5C7C99, #003B73, #001D2B, #000108)
• Cerulean Canyon color palette (#E4F7F2, #A6D9E8, #0094A0, #006359, #002B32)
• Ancient Lagoon Quarry color palette (#D5E7E2, #4D9896, #005458, #002C25, #000507)
• Ancient Plum color palette (#F6EEFA, #D4A4B2, #7F9DCE, #A65271, #1F324B)
• Patina Chapel color palette (#F8EDFE, #C6879B, #B4814E, #7B6BB2, #2F2136)
• Tempered Chestnut Lantern color palette (#FAEEF2, #AEC1AE, #9D7683, #734F33, #223025)

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