Petrol Atelier color palette — #FDF1F8 · #F8BBA5 · #83A578 · #24739A · #3C3152
Built around Slate, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1F8): bright and airy, almost weightless.
- Melon (#F8BBA5): A whisper-light, dusty orange — the color of toasted spice.
- Moss (#83A578): A luminous, dusty green — the color of new leaves after rain.
- Slate (#24739A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3C3152): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Cypress Corridor color palette (#F8F3FC, #F4B8D0, #B49460, #267C5E, #203A56)
- Ancient Jade Workshop color palette (#F6F3FD, #ECB1E2, #87BA72, #8C7CB5, #3C405C)
- Teal Lagoon color palette (#F1F7F2, #D6D6E4, #96D7ED, #3DA595, #335167)
- Hushed Studio color palette (#FDF2F6, #D6A17E, #485A4A, #37242E, #130D12)
- Nightshade Basin color palette (#ECF9F2, #C2C06E, #1C9D9E, #554DA3, #481921)
- Muted Teal color palette (#ECF8F7, #CCD8F0, #7CBCB5, #937D96, #314C4D)
- Amber Study color palette (#FFF2EB, #D57D5C, #5D7B4B, #245B71, #57383F)
- Ancient Canyon color palette (#FCEEEC, #CF8293, #228372, #374C6F, #341E33)
Browse the whole catalog at Explore, or see today's palette.