Petrol Atelier color palette — #FFEFDC · #54AEA3 · #4C6B9F · #613E00 · #11281A
Slate and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FFEFDC): A whisper-light, dusty gold — the color of honey in a jar.
- Turquoise (#54AEA3): A luminous, balanced teal — the color of glacier melt.
- Slate (#4C6B9F): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#613E00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#11281A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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
- Jade Alley color palette (#FFEDE9, #6AAE7A, #007697, #69333D, #1A2713)
- Patina Lagoon color palette (#F6F2E3, #76B7C6, #77729B, #545528, #1A312B)
- Ancient Cocoa color palette (#FEF4E3, #4CA5BC, #486B9B, #7B352F, #204638)
- Lagoon Hollow color palette (#EEF5E5, #4BA07D, #854E7C, #434400, #202000)
- Nightshade Coast color palette (#F5EAC9, #008FA0, #4E35B0, #3C3000, #001421)
- Soft Cobalt Villa color palette (#E9FBE9, #60C5B8, #6086C5, #865909, #22424F)
- Lagoon Grove color palette (#F8F1E4, #A6BC90, #4C826A, #3B5E4D, #292815)
- Grape Orchard color palette (#DEFCD5, #009ED2, #7942A6, #1A4B00, #021A41)
Browse the whole catalog at Explore, or see today's palette.