Petrol Atelier color palette — #F1F3EC · #C5E1E4 · #75A1C9 · #127694 · #422E43

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C5E1E4): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#75A1C9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#127694): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#422E43): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Cypress Corridor color palette (#F2F2EC, #C5E3DB, #5FAAB2, #0C7C70, #203E2B)
• Weathered Denim Workshop color palette (#E8EBE2, #74A3BF, #005D91, #003745, #000B1C)
• Ash Field color palette (#FAF3F6, #D9DEEF, #7F9AC6, #397A7F, #4B5266)
• Muted Petrol Alley color palette (#E9EADE, #97BEA4, #007791, #004B4D, #001924)
• Cerulean Coast color palette (#F2F3E7, #B8DABC, #0093A4, #00635C, #002A34)
• Ancient Lagoon color palette (#E3E3D7, #4A8480, #004546, #002019, #000202)
• Timeworn Quarry color palette (#F3F3E5, #B9B689, #62A7C0, #5D7F0C, #003746)
• Patina Bronze Courtyard color palette (#F5F3DD, #8EA66C, #2DA09E, #A56830, #2A2812)

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