Petrol Atelier color palette — #F1F3EC · #C7E0DF · #77A896 · #287687 · #1A3E35
A conversation between Teal and Eucalyptus, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C7E0DF): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#77A896): A luminous, dusty teal — the color of glacier melt.
- Teal (#287687): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#1A3E35): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Muted Petrol color palette (#E8F5EF, #84BCD8, #8AA774, #007CA5, #253713)
- Tempered Petrol color palette (#E9EADE, #85BFC2, #007987, #004C46, #001A20)
- Ancient Petrol Hollow color palette (#F1F3EC, #C4E2E5, #79A0C8, #2B7490, #442D44)
- Muted Lilac Market color palette (#E2F8F0, #6EA3CA, #9D7DBB, #2F8A76, #122D26)
- Wandering Lagoon color palette (#F3F3E6, #9DDED8, #009598, #006452, #002B2F)
- Patina Grove color palette (#EFF7F6, #D6DCEC, #80B9DC, #4493A4, #435565)
- Dusty Loft color palette (#ECF2E1, #678FB0, #00498A, #00293A, #000316)
- Wandering Denim Veranda color palette (#DBFAF1, #A7CBED, #578CB9, #065386, #001F38)
Browse the whole catalog at Explore, or see today's palette.