Petrol Atelier color palette — #F4F7EC · #C6E4D9 · #688FB0 · #1D6C84 · #553E57

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#688FB0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#1D6C84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#553E57): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. 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

• Cerulean Garden color palette (#F7F0EB, #C9E3D9, #6D8EC2, #006C71, #3E2134)
• Wandering Cerulean color palette (#FEF0FF, #E9D4D9, #BDC0EC, #57829D, #5B4A5A)
• Worn Boulevard color palette (#EEF7F7, #D5DBF2, #82C4FF, #5DA3BD, #354961)
• Frosted Cerulean Coast color palette (#ADEAFD, #5DBDE5, #0F88B7, #0E5C89, #3D4065)
• Weathered Petrol Hollow color palette (#E8FAF3, #61A8D3, #6A985E, #006E9C, #304B29)
• Denim Meadow color palette (#F0F2E1, #66ABB4, #006272, #003E3C, #00242E)
• Cobalt Basin color palette (#D8FFF4, #3E8ED2, #8F6AA3, #007A6C, #194037)
• Pewter Lagoon color palette (#F5F6EE, #CAE2DE, #7FA38E, #58785A, #315344)

Browse the whole catalog at Explore, or see today's palette.