Petrol Atelier color palette — #F9F4EF · #CBE5E8 · #849AC0 · #217C84 · #634959
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CBE5E8): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#849AC0): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#217C84): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal Brown (#634959): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Washed Powder color palette (#F4F6F0, #C4EAEE, #8EB5DD, #598FA5, #5E4C5E)
- Pine Orchard color palette (#FAF4F0, #CCE7DF, #5FA5B6, #348057, #355147)
- Softworn Periwinkle color palette (#EBF4F3, #D5D9ED, #6EA1D3, #3B738A, #28374B)
- Aged Coast color palette (#F7F6E9, #A4B888, #9F8DC8, #5D8012, #663F51)
- Muted Drift color palette (#F5F7E6, #81A37C, #8682B9, #965F95, #42433C)
- Cerulean Hollow color palette (#FEF3ED, #9FDADF, #008DB0, #00694C, #09436B)
- Aged Lagoon Field color palette (#EFDFD6, #4F8D89, #004450, #002410, #000B13)
- Worn Boulevard color palette (#F9EBE4, #93BDA1, #00719D, #005144, #0B2D59)
Browse the whole catalog at Explore, or see today's palette.