Petrol Atelier color palette — #F9F4EF · #CDE4E8 · #8B98BF · #007C8F · #644A57
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CDE4E8): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8B98BF): A luminous, dusty violet — the color of wild irises.
- Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#644A57): A full-bodied, dusty rose — the color of a warm blush.
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
- Dusty Bloom color palette (#F4F6F0, #C7E7EC, #8DB3EA, #598DAC, #5F4B5C)
- Antique Cypress Thicket color palette (#FAF3F0, #CBE7E2, #6DA2B9, #3B7D67, #29534A)
- Cypress Boulevard color palette (#EDF9ED, #74BFBE, #C78290, #008383, #694139)
- Washed Petrol Thicket color palette (#F6ECE7, #82BBCF, #006EA9, #005049, #1A2C54)
- Tempered Grove color palette (#EEF4D4, #8DC2AA, #299C92, #006C73, #345645)
- Aged Thicket color palette (#E6FCEB, #9DD6DF, #3295A1, #005B61, #003D42)
- Softworn Villa color palette (#F6E8E1, #4A9EA6, #00516A, #003123, #001529)
- Washed Rust color palette (#E8FBED, #57A5B2, #B8708A, #AE5B47, #334839)
Browse the whole catalog at Explore, or see today's palette.