Petrol Atelier color palette — #E1F4F4 · #007A89 · #005368 · #002C3F · #000A19
Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1F4F4): a clean, paper-quiet neutral.
- Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005368): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002C3F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000A19): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Chestnut Thicket color palette (#E1F3FF, #00759A, #884200, #003C51, #110400)
- Pine Boulevard color palette (#DAEFDB, #008458, #004D40, #00312F, #000C0C)
- Quiet Cerulean color palette (#D1E8E8, #009DAF, #006F8A, #004A6D, #00253F)
- Denim Station color palette (#C6E6F0, #006588, #003A5E, #001B44, #000018)
- Aged Cobalt Atelier color palette (#D3E4F1, #0087CA, #004C72, #001A2C, #000103)
- Iris Workshop color palette (#E3F1FB, #93AAD6, #8C7CC7, #005361, #001025)
- Cerulean Lantern color palette (#AEEDF4, #53BCDA, #1F8AB7, #1F5785, #132746)
- Dusty Mulberry color palette (#D6EDFB, #005F87, #8C004F, #3A4000, #000408)
Browse the whole catalog at Explore, or see today's palette.