Petrol Atelier color palette — #EBF9F1 · #AAD0A9 · #267C99 · #004A5F · #17251E
A conversation between Slate and Navy, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EBF9F1): bright and airy, almost weightless.
- Pistachio (#AAD0A9): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#267C99): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#17251E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Veranda color palette (#FBF2FA, #C8D8B4, #6A7DA4, #5C445A, #312830)
- Softworn Meadow color palette (#EAF8FF, #C6F7A8, #338293, #113E4F, #041118)
- Hushed Ash color palette (#EEF6FF, #FFC6B5, #6F99C2, #51657A, #19232D)
- Denim Terrace color palette (#EAF9F4, #DE9B8E, #005782, #08362B, #111F20)
- Mint Workshop color palette (#EEDFF0, #44C687, #005CA3, #002F57, #1A061D)
- Antique Emerald Grove color palette (#D9EFE6, #309A54, #003D59, #00111D, #000204)
- Gentle Veranda color palette (#FAF2FA, #9FC7FB, #9382C9, #3580DC, #311D27)
- Ancient Market color palette (#EFF9E9, #5AB19A, #B78258, #866B00, #29381D)
Browse the whole catalog at Explore, or see today's palette.