Worn Petrol Atelier color palette — #EEF6FF · #9ED3B1 · #4575A4 · #254563 · #19232C

Built around Slate, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Pistachio (#9ED3B1): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#4575A4): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#254563): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#19232C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Dusty Petrol color palette (#F0F5FF, #EEB2BC, #616F9F, #374063, #1B222F)
• Wandering Cobalt color palette (#ECF8F5, #B7F7CE, #387BB6, #124138, #03130F)
• Periwinkle Quarry color palette (#FCF1FC, #FFC999, #6997D4, #4C6486, #271E27)
• Washed Indigo Hollow color palette (#F2F5FC, #B6BFFF, #AC7AB5, #6F77CB, #242131)
• Tempered Lagoon color palette (#F0F6FF, #7E9DE3, #B87899, #2E7E73, #263348)
• Softworn Iris Lagoon color palette (#F3F5FC, #DDD8E0, #C8BDCB, #8F86BF, #454750)
• Azure Canyon color palette (#ECF7FF, #30A0D2, #7A8123, #276D45, #14323B)
• Faded Ultramarine color palette (#D9E5FF, #FF7A90, #4847BB, #232363, #060D26)

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