Petrol Atelier color palette — #FFF0FD · #E89B94 · #9EA558 · #007F9C · #301D2D
Built around Cerulean, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Rose Quartz (#E89B94): A luminous, balanced orange — the color of autumn markets.
- Moss (#9EA558): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#301D2D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Softworn Bronze color palette (#FFF1F7, #CC9064, #937A2B, #006B89, #21101E)
- Aged Parlor color palette (#E9FBED, #FDB3C9, #B18A51, #3F629E, #3F293B)
- Cobalt Orchard color palette (#EEF8EF, #DDBE90, #9EB889, #4488BD, #273629)
- Mint Veranda color palette (#FFF2EF, #F39CB3, #5EC58B, #409FAD, #452B27)
- Tempered Indigo Terrace color palette (#FDF1F9, #F1987C, #50B29C, #7364B3, #321C2B)
- Feathered Coral color palette (#F9F2FF, #E597BC, #D8856E, #00866B, #2B1E35)
- Chalky Forest color palette (#ECF9F2, #C4BE74, #4E9C73, #006E44, #43163E)
- Sunlit Grape color palette (#FFF1F6, #F18703, #00A992, #6A44D2, #2D1400)
Browse the whole catalog at Explore, or see today's palette.