Petrol Atelier color palette — #D3F8EF · #007D86 · #004F61 · #002F44 · #00051A
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3F8EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007D86): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#002F44): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00051A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Nocturne Petrol Market color palette (#C2EDEB, #00828C, #004C5E, #00121D, #000104)
- Patina Courtyard color palette (#C6E4F5, #00758F, #854500, #003F4F, #0D0300)
- Pine Thicket color palette (#E2F4DB, #00843B, #005440, #002F2D, #000B0E)
- Worn Balcony color palette (#D0F1F6, #007AA6, #004689, #170081, #080020)
- Pale Violet Corridor color palette (#D3EDFF, #7B9ECD, #9A62CB, #005B5B, #000D1A)
- Ancient Lantern color palette (#D5EDFD, #006082, #803100, #5E2F00, #000204)
- Softworn Meadow color palette (#CEEACE, #B36300, #0079A4, #090E18, #000205)
- Pale Coast color palette (#C5F3F7, #00AFDD, #0077AD, #104DAE, #292B5E)
Browse the whole catalog at Explore, or see today's palette.