Petrol Atelier color palette — #F5E4EC · #84BCD5 · #3B6CAB · #004C42 · #14093D
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F5E4EC): A whisper-light, dusty rose — the color of a warm blush.
- Sky (#84BCD5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3B6CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#14093D): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Petrol Station color palette (#E7F2E9, #8DB7D2, #006EAA, #004F54, #132D54)
- Ancient Cobalt color palette (#F8EFF2, #B0CBE2, #617AB6, #005C58, #23193A)
- Patina Dune color palette (#F2E9F3, #57ADA7, #006377, #073D05, #000B1A)
- Pale Archive color palette (#F8EEF7, #8EE1DE, #0091B3, #146625, #002648)
- Dusty Basin color palette (#F7EFF3, #D8D1E5, #889EBC, #3A7770, #2F344D)
- Timeworn Fern color palette (#BEF3F5, #77DAF0, #839BDA, #526015, #002126)
- Antique Emerald color palette (#E0E7CA, #399732, #006F55, #00403B, #00161B)
- Aged Teal color palette (#9BF4E7, #00B19C, #00615E, #002C26, #000706)
Browse the whole catalog at Explore, or see today's palette.