Petrol Atelier color palette — #E2FCF4 · #48A5BF · #6E5BA3 · #3F570A · #2A3F54
Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E2FCF4): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#48A5BF): A luminous, balanced blue — the color of deep harbor water.
- Slate (#6E5BA3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3F570A): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#2A3F54): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro.
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 Pewter Pier color palette (#DFFCFA, #759BC6, #885486, #005A56, #323C59)
- Dusty Boulevard color palette (#EBFAE9, #5AA897, #3B6CA4, #6D4300, #1D4350)
- Antique Periwinkle color palette (#FBF0E0, #739DE1, #755BA1, #633D00, #301A2A)
- Dusty Bloom color palette (#FEF1F7, #9AB8A4, #667C44, #5A5478, #314939)
- Wandering Balcony color palette (#F4F4FF, #997AAC, #76528B, #653E00, #0E3965)
- Pine Villa color palette (#F8F3F9, #C6E2EA, #3E97B2, #317238, #314A64)
- Gentle Summit color palette (#E7FBEB, #8BB2F2, #9372C9, #825A28, #343D50)
- Hushed Cypress color palette (#E3F8FF, #A2BCC9, #79839D, #446D52, #3A5761)
Browse the whole catalog at Explore, or see today's palette.