Petrol Atelier color palette — #EEF0E3 · #82BBCD · #007395 · #004F56 · #003249
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#EEF0E3): a clean, paper-quiet neutral.
- Ash (#82BBCD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007395): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#003249): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Denim color palette (#ECEFE6, #7DA4C2, #00599B, #003B4F, #001C49)
- Patina Cobalt Archive color palette (#F4F6EC, #A9CFBE, #3080AF, #005D6F, #133D5F)
- Turquoise Meadow color palette (#E2F3F1, #8FE1FB, #09B4EA, #008F9D, #00324A)
- Worn Petrol Harbor color palette (#F4F6EF, #C8E4E4, #75A592, #187C8C, #2A5348)
- Dusty Cerulean Workshop color palette (#E8EADD, #559CA3, #005360, #00302E, #00171E)
- Hushed Thicket color palette (#FFE9E6, #EFB5C0, #C9827C, #8F3875, #522533)
- Soft Hollow color palette (#F3D6D4, #B25F86, #856500, #850052, #352700)
- Feathered Chestnut color palette (#FBE5D5, #AA7C56, #853F01, #5F2000, #351E00)
Browse the whole catalog at Explore, or see today's palette.