Petrol Atelier color palette — #E7FAF6 · #73C7CE · #007C8B · #005651 · #003A46
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Aqua (#73C7CE): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007C8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003A46): 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
- Timeworn Cobalt color palette (#E1FBFA, #78C1EC, #0074B3, #005367, #003361)
- Softworn Petrol color palette (#F9EEF6, #70CCD3, #007E9E, #00543C, #001C32)
- Denim Grove color palette (#DFF5F1, #6FAAB3, #006274, #003E3E, #00232F)
- Tempered Periwinkle color palette (#E6F9FF, #9EDFFF, #58A1EF, #006A73, #004257)
- Dusty Turquoise Grove color palette (#F5F7E9, #77EFF8, #00BFD8, #009891, #003947)
- Feathered Lapis color palette (#CFE4E9, #007F92, #5338ED, #006420, #002A31)
- Timeworn Abyss color palette (#D5E2E1, #52899F, #00425D, #002127, #000A16)
- Dusty Byzantium Corridor color palette (#ADF2FE, #0095A6, #962CDC, #005964, #420068)
Browse the whole catalog at Explore, or see today's palette.