Petrol Atelier color palette — #F2F7EE · #7CC1AD · #5497AE · #586698 · #3D481F
Slate and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F2F7EE): bright and airy, almost weightless.
- Mint Leaf (#7CC1AD): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5497AE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#586698): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3D481F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.
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
- Turquoise Summit color palette (#ECF8F9, #93DDCB, #48A7CA, #5D6799, #104237)
- Softworn Villa color palette (#F7F6EB, #A3BC79, #589B88, #337285, #573C1A)
- Ancient Terrace color palette (#EAFCDB, #93DECD, #51ADA2, #3B8682, #3C5640)
- Nightshade Studio color palette (#E8FCE3, #00B3A7, #0082B1, #4845A6, #243800)
- Garnet Villa color palette (#F8F5ED, #9F9B5D, #467696, #803A44, #48413C)
- Weathered Jade color palette (#EFF4E6, #66AD83, #535B4B, #313E00, #21231B)
- Driftwood Meadow color palette (#E9FCE3, #CEE0CF, #9EB1A6, #94798A, #614B55)
- Muted Study color palette (#D9E6D4, #009C87, #006D91, #3B2A97, #0E2600)
Browse the whole catalog at Explore, or see today's palette.