Petrol Atelier color palette — #F5F6EC · #B1D8AE · #66A7A5 · #456F91 · #3B3831
Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6EC): bright and airy, almost weightless.
- Pistachio (#B1D8AE): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#66A7A5): A luminous, dusty teal — the color of sea glass.
- Slate (#456F91): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#3B3831): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Pewter color palette (#EFF8ED, #95DBD2, #6BA1C3, #696397, #383C00)
- Hushed Seafoam Terrace color palette (#F4F7EB, #A7DBAA, #5FA8AB, #8C5F41, #3A3831)
- Hushed Veranda color palette (#FAF4EB, #E7C78B, #82A673, #8A5A6F, #3D3732)
- Antique Iris color palette (#F6F6EA, #B2D39C, #97A7DA, #7F80BC, #633231)
- Softworn Harbor color palette (#F3F9DB, #C8E2D1, #B5C8AF, #7E968F, #5B4B59)
- Worn Petrol color palette (#E8F9F9, #6AA884, #007F8A, #30567F, #2A4A3A)
- Mint Veranda color palette (#F0FBD6, #A4F0EC, #79C6A8, #498F7D, #405337)
- Petrol Studio color palette (#EAF5ED, #B09A5D, #007F94, #683A5B, #341E33)
Browse the whole catalog at Explore, or see today's palette.