Petrol Atelier color palette — #F8EAF2 · #7ABDCF · #186DA7 · #00523D · #222954
A conversation between Peacock and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8EAF2): a clean, paper-quiet neutral.
- Cyan (#7ABDCF): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#186DA7): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#222954): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Ancient Cobalt Coast color palette (#FCF2F7, #9ACEE4, #427ABD, #006153, #2E395A)
- Softworn Denim color palette (#F8E5EC, #60A7D3, #3351A2, #003E3B, #231245)
- Muted Meadow color palette (#E8EBDC, #95BFA6, #007698, #004A50, #001826)
- Antique Lagoon Alley color palette (#DDF3E9, #00A09A, #006676, #00426D, #2E1E54)
- Chalky Drift color palette (#C7E9FF, #009FE0, #005D80, #002F42, #001827)
- Antique Wisteria Meadow color palette (#D8F3FF, #B3CDFF, #C28CCF, #03684B, #1E384B)
- Hushed Loft color palette (#FBF2F7, #D7E0F1, #7D9CBF, #41797F, #4B5265)
- Powdered Boulevard color palette (#F5ECE8, #B8DEC7, #53AEE8, #009283, #112B5C)
Browse the whole catalog at Explore, or see today's palette.