Petrol Atelier color palette — #DFF3F1 · #90B8CD · #007295 · #004F56 · #003249
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#90B8CD): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- 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
- Washed Petrol Boulevard color palette (#F0E5EC, #93B9CE, #0072AB, #004C44, #01103E)
- Ancient Workshop color palette (#F9EBE4, #97CEDF, #1D8FCF, #006D62, #0F2A60)
- Sunlit Turquoise Atelier color palette (#EEF0E4, #98E0F6, #00B4E8, #008F9B, #003249)
- Cerulean Veranda color palette (#D7EAE6, #409FA7, #00535F, #00302D, #00171E)
- Ash Market color palette (#EDF8F7, #D5DCEE, #6FA0BD, #4A7588, #3C556B)
- Coral Grove color palette (#FAF0FF, #FDAAB8, #DD877E, #81456C, #432B49)
- Aged Mulberry Villa color palette (#E4D8F1, #B55A90, #886300, #81045C, #362600)
- Feathered Plum color palette (#FAE5EC, #B32F6F, #8A4D00, #4E3994, #380C21)
Browse the whole catalog at Explore, or see today's palette.