Petrol Atelier color palette — #F1F5FD · #AFC1E3 · #AD6473 · #5767AD · #342A36
Slate and Mocha set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F1F5FD): a clean, paper-quiet neutral.
- Sky (#AFC1E3): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#AD6473): A full-bodied, balanced red — the color of a theater curtain.
- Slate (#5767AD): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#342A36): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged duotone, 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 Courtyard color palette (#F4F4FB, #CAB5E5, #A76E44, #8054AE, #38292F)
- Aged Driftwood Harbor color palette (#F8EFF3, #C8BAEB, #AC6999, #7864A4, #1F1213)
- Ancient Ridge color palette (#F3F5FB, #D4C8FA, #C283B6, #927EC5, #2F2C37)
- Aged Lantern color palette (#E9FAF4, #9AA6CD, #986482, #196855, #464559)
- Soft Pier color palette (#F1F5FF, #B6B9DF, #9F7098, #8E3250, #732626)
- Antique Driftwood Meadow color palette (#F4F5FB, #DDD8DD, #B7A8A1, #8B76AC, #51525B)
- Tempered Aubergine Market color palette (#E3DFED, #9D5B98, #5F3200, #560053, #0C0004)
- Hushed Forest color palette (#F6F3FE, #A57EA1, #985B4A, #255F2A, #293344)
Browse the whole catalog at Explore, or see today's palette.