Petrol Atelier color palette — #F2E6E1 · #62C4D3 · #0073A5 · #004E32 · #081333
Slate and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Cyan (#62C4D3): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E32): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#081333): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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 (#EEF0E6, #7CBDCA, #00748C, #004F51, #003344)
- Muted Cobalt color palette (#F9F0EA, #8AD4EA, #3A81BC, #105D49, #32142B)
- Washed Station color palette (#EEDDD0, #52A7CF, #1E54A8, #003A34, #0C002B)
- Muted Azure Quarry color palette (#EDF9EF, #AFF3FF, #00A1CB, #006B62, #002135)
- Hushed Lagoon color palette (#CFE9DA, #009E8C, #005F66, #003C59, #00142F)
- Ancient Azure color palette (#B8E9FF, #00A4DD, #006586, #002C40, #000609)
- Patina Lagoon color palette (#F0DFDA, #1F9D9A, #005265, #002F06, #00040E)
- Aged Lilac Dune color palette (#BFFBFF, #A9D4FF, #B987D1, #1C7151, #002214)
Browse the whole catalog at Explore, or see today's palette.