Petrol Atelier color palette — #F3F7EC · #B3DFD4 · #7397CA · #2C749A · #29395E
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Silver (#B3DFD4): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#7397CA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2C749A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#29395E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, 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
- Timeworn Cabin color palette (#F4F7EB, #B5E0C8, #4DA1C5, #037A86, #114436)
- Chalky Azure Boulevard color palette (#F3F8E6, #88D6FF, #0095DD, #006F86, #00345E)
- Tempered Lantern color palette (#ECEFE2, #63ADC6, #007094, #004951, #001624)
- Muted Cobalt Basin color palette (#F9F4EF, #A9CEC4, #5F75B5, #005E6B, #3B3162)
- Worn Cerulean Bloom color palette (#F4F6EF, #C9E5E9, #93B4DA, #588EA8, #614A5F)
- Quiet Wisteria Harbor color palette (#FFD9E2, #BA74D6, #C76A69, #247BC6, #372041)
- Violet Balcony color palette (#FFE7F0, #B795E3, #00A8BA, #825CAE, #003D44)
- Washed Driftwood color palette (#FFF1F3, #FFD1D6, #F4AEC9, #9370AB, #503134)
Browse the whole catalog at Explore, or see today's palette.