Petrol Atelier color palette — #F5E5DD · #95BFA5 · #1873A1 · #004C41 · #001338

Slate takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F5E5DD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#95BFA5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#1873A1): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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 Sapphire Delta color palette (#F2E7DC, #91B9D7, #4067BA, #004A51, #15093C)
• Weathered Cerulean Meadow color palette (#FBEFE7, #A8D3BD, #5380A9, #005C57, #131D41)
• Aged Cerulean Harbor color palette (#E7FAF7, #C4E4FF, #36A0BF, #00696E, #002230)
• Aged Navy color palette (#E9DED5, #4C8099, #003B71, #001F1F, #01000B)
• Tempered Pier color palette (#F8F0EC, #CAE2E0, #75A899, #3E776F, #442D41)
• Wandering Ridge color palette (#DDE3C4, #53932E, #00713C, #00412E, #001918)
• Faded Teal Boulevard color palette (#A0F2DD, #1FAF8F, #00684D, #003228, #000906)
• Hushed Fern color palette (#E8F3DA, #92D6D9, #61A6CD, #556B26, #0E2004)

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