Petrol Atelier color palette — #ECF8F4 · #F0D9DB · #D7B0BA · #0071A8 · #2F453E
Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Shell Pink (#F0D9DB): A whisper-light, dusty red — the color of embers at dusk.
- Rosewood Mist (#D7B0BA): A luminous, dusty red — the color of a theater curtain.
- Slate (#0071A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2F453E): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Canyon color palette (#F2F7F1, #C7E1E1, #D1B0CC, #007A76, #364435)
- Ancient Villa color palette (#FAF3F7, #EBD5CE, #D9B1AA, #665EAB, #4C3A44)
- Washed Denim Canyon color palette (#E9F0EE, #D7C7CF, #BD949B, #045795, #24312E)
- Driftwood Grove color palette (#FBF3F5, #E1D9D4, #A5B1A2, #91769C, #5A4F52)
- Timeworn Periwinkle color palette (#EFF6FD, #DBD8E6, #BDA6A7, #4FACF3, #35414D)
- Navy Bloom color palette (#E9E2E7, #C6B3B9, #AD8180, #2E3C86, #281A25)
- Aged Olive color palette (#FFF3E9, #BCA143, #547600, #5D4570, #45390F)
- Patina Study color palette (#F1D7EA, #4652DF, #3C1B43, #270C22, #051510)
Browse the whole catalog at Explore, or see today's palette.