Petrol Atelier color palette — #D4E5DF · #0072A8 · #825200 · #504800 · #000E09
Slate and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#D4E5DF): a clean, paper-quiet neutral.
- Slate (#0072A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Coffee (#825200): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#504800): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000E09): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Washed Petrol Study color palette (#CFFAEE, #0070B3, #5E6400, #335800, #000E0A)
- Denim Field color palette (#D0E8F6, #006083, #574C00, #304300, #000408)
- Weathered Chestnut Corridor color palette (#E7F4E4, #007C73, #904700, #703E00, #000E0C)
- Chalky Hollow color palette (#D2F2E8, #0070B2, #A71E51, #405600, #00213A)
- Fern Market color palette (#DAEADE, #00727F, #2F6400, #003F3F, #000B03)
- Faded Bronze color palette (#D3F3FF, #0094B9, #977500, #5B6A17, #002333)
- Faded Sapphire color palette (#F5DCEF, #435FCE, #306F00, #005541, #030627)
- Chestnut Meadow color palette (#F5EFE2, #7D8E56, #665300, #4B2600, #0D1000)
Browse the whole catalog at Explore, or see today's palette.