Petrol Atelier color palette — #E9F1EA · #87BACB · #00758A · #005143 · #003346
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E9F1EA): bright and airy, almost weightless.
- Ash (#87BACB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003346): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cerulean Lagoon color palette (#EFF8F1, #A2CCDF, #0084AA, #00605A, #1A3E58)
- Tempered Petrol color palette (#F0E5EE, #73C3C6, #007699, #044F24, #001534)
- Dusty Denim Villa color palette (#DAE2DB, #60AAC4, #005E89, #003E3F, #001F41)
- Soft Sapphire color palette (#E7F2E9, #86B7DE, #1062CD, #004D5D, #232B4D)
- Turquoise Atelier color palette (#EFEFE6, #9BE1E6, #37B7CA, #009289, #003440)
- Feathered Turquoise Balcony color palette (#D1F5F3, #8BD0BE, #00ABBA, #44691B, #0C3D3E)
- Cypress Field color palette (#F1F7F2, #D2E0F3, #65A3B9, #347D72, #435563)
- Hushed Cerulean Coast color palette (#DFEBE2, #448B9F, #00425C, #002222, #000A18)
Browse the whole catalog at Explore, or see today's palette.