Petrol Atelier color palette — #EAF5EF · #C5DBDD · #C0B2BF · #1A6F87 · #18231D
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Silver (#C5DBDD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#C0B2BF): A luminous, dusty pink — the color of a candy shop window.
- Teal (#1A6F87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#18231D): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Muted Petrol color palette (#EDF7FC, #D6D8E6, #ADB3C1, #1C6E83, #2C3D46)
- Washed Balcony color palette (#FAEDF8, #E5CBD9, #C2A1AC, #3B569E, #251322)
- Weathered Cerulean color palette (#F0F7F2, #E7D2D0, #ABACA0, #3B98AC, #28312B)
- Patina Abyss color palette (#D8E4DF, #BEADBF, #9D8597, #004A67, #010E08)
- Washed Lantern color palette (#C5EEDF, #8DA5D4, #806D95, #6C3D00, #332713)
- Petrol Market color palette (#D0E9E3, #0067B2, #36192F, #00100C, #000302)
- Weathered Quarry color palette (#F3F4DD, #66B381, #21745F, #314E38, #191F06)
- Muted Corridor color palette (#DFF3EB, #0085BC, #743B78, #522600, #001A02)
Browse the whole catalog at Explore, or see today's palette.