Ancient Petrol color palette — #ECF9F4 · #849647 · #4165AD · #6A3E5C · #402F35
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#ECF9F4): bright and airy, almost weightless.
- Moss (#849647): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#4165AD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Cocoa (#6A3E5C): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#402F35): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Ancient Petrol 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
- Wandering Petrol Canyon color palette (#EDF8F7, #6AA97B, #3677A2, #6F406C, #593646)
- Worn Pewter Coast color palette (#EAF9F8, #539E73, #705698, #703541, #28382D)
- Wandering Emerald color palette (#E6F6F4, #579D60, #5E609A, #41426E, #261823)
- Washed Bronze color palette (#EFF8F0, #A87B43, #007182, #53477D, #3D2F3C)
- Weathered Lime Courtyard color palette (#F8F6E7, #99B857, #9C7CAC, #775F83, #3F312F)
- Ancient Lagoon color palette (#EBFAEE, #87B688, #008A7F, #674F72, #354D4D)
- Lagoon Veranda color palette (#EFF7F5, #D3DCE0, #AEAAB8, #5D8D85, #4D5453)
- Gentle Mulberry color palette (#E6F9FE, #00817C, #8B3182, #6F340F, #17322C)
Browse the whole catalog at Explore, or see today's palette.