Petrol Atelier color palette — #F8F5E8 · #DFE0B5 · #7BB08F · #327C9A · #3F4300
A conversation between Slate and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5E8): a clean, paper-quiet neutral.
- Celadon Mist (#DFE0B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#7BB08F): A luminous, dusty teal — the color of glacier melt.
- Slate (#327C9A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#3F4300): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Hushed Petrol Ridge color palette (#F6F7E5, #ACECDD, #6CAFB3, #616FA5, #344530)
- Muted Taupe Boulevard color palette (#E6FBF1, #9AB274, #5C8260, #355F74, #344E48)
- Tempered Boulevard color palette (#FFF3E8, #D8D48F, #69C39C, #9E80A2, #484841)
- Soft Nightshade color palette (#F6F8DE, #5ACDB7, #008F96, #3543A6, #10280A)
- Cerulean Station color palette (#F4F6F0, #C2DDE9, #AEC0EC, #4D9FB2, #33554C)
- Aged Mustard Meadow color palette (#FFECF3, #B2B15A, #41886D, #604769, #19312C)
- Ancient Pier color palette (#F9F5EC, #DAE3CD, #B5B089, #9D823C, #544500)
- Misty Aubergine Alley color palette (#EDF3CA, #009E99, #005F6E, #2B0079, #000505)
Browse the whole catalog at Explore, or see today's palette.