Petrol Atelier color palette — #E8F1EA · #7FBEC1 · #007589 · #005142 · #003346
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Mint Leaf (#7FBEC1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- 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
- Dusty Delta color palette (#EFF8F0, #A2CCDF, #0084A9, #006059, #183E58)
- Wandering Petrol color palette (#F0E5EF, #7AC2C4, #007698, #004F22, #001533)
- Patina Denim color palette (#E1EFE4, #6DA8BD, #005E87, #003E3F, #001F40)
- Worn Sapphire Hollow color palette (#E7F2E9, #94B5D2, #1F65C1, #004D5D, #222A51)
- Turquoise Balcony color palette (#EFF0E0, #A1E0E3, #00B9CD, #009288, #00343F)
- Worn Ash color palette (#F1F7F2, #D2E0F3, #66A3B8, #407B71, #435563)
- Wisteria Ridge color palette (#E5EFFF, #D2C3FC, #CB88CC, #0B629D, #2D364F)
- Softworn Cerulean color palette (#DFE8E0, #368DA2, #00425C, #002221, #000A17)
Browse the whole catalog at Explore, or see today's palette.