Petrol Atelier color palette — #E5F3E8 · #6AC1C8 · #00748A · #005144 · #003347
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#6AC1C8): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00748A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003347): 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
- Cerulean Coast color palette (#EDF9EF, #84D3E4, #2383A7, #00605B, #233D53)
- Petrol Station color palette (#F2E4EE, #90BBCA, #007695, #004D37, #00172B)
- Antique Lagoon color palette (#E4F2E6, #49ACCE, #005D8A, #003E40, #001F42)
- Washed Turquoise color palette (#EFEFE5, #A4DFE4, #00B9CF, #00928A, #003440)
- Hazy Turquoise color palette (#CCFFFC, #6BD2BC, #00B3CD, #4C6326, #0E3C3E)
- Worn Ash color palette (#F0F7F1, #D2E0F2, #6AA3B7, #477780, #435564)
- Hushed Cerulean Study color palette (#D4E4D7, #008FAC, #00425D, #002222, #000A18)
- Dusty Jade color palette (#ADFECD, #00AC76, #00613A, #003221, #001E11)
Browse the whole catalog at Explore, or see today's palette.