Petrol Atelier color palette — #D1F8F5 · #549793 · #3A6F99 · #5F3311 · #0D250D
Slate and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D1F8F5): A whisper-light, dusty teal — the color of sea glass.
- Storm Blue (#549793): A luminous, dusty teal — the color of sea glass.
- Slate (#3A6F99): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5F3311): A deep, shadowed, dusty gold — the color of old brass.
- Onyx (#0D250D): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged vintage, retro, 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
- Ancient Petrol Villa color palette (#DBF7F1, #509A8E, #246884, #56364D, #3B1603)
- Denim Villa color palette (#C8EEF2, #769CB9, #67559E, #464000, #162000)
- Aged Petrol Dune color palette (#D1EEEF, #88AFBC, #6077A0, #5C3F4A, #123018)
- Powdered Terracotta Pier color palette (#DFEDF8, #00759D, #9A3D00, #684300, #000D15)
- Ancient Navy color palette (#D4EEEB, #357095, #3A3477, #2F2400, #060C00)
- Wandering Cerulean Lagoon color palette (#D3F8FF, #7DC8E8, #5488BA, #5F4570, #47262C)
- Dusty Cerulean Market color palette (#D7F7FB, #94B5C8, #7B89B8, #3E5F43, #223F35)
- Quiet Thicket color palette (#D0F1ED, #008F99, #006280, #003552, #001338)
Browse the whole catalog at Explore, or see today's palette.