Ancient Petrol color palette — #EEF8F5 · #A4BA88 · #6B9972 · #2F6DA4 · #61342D
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF8F5): bright and airy, almost weightless.
- Sage (#A4BA88): A luminous, dusty green — the color of fresh herbs.
- Moss (#6B9972): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#2F6DA4): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#61342D): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Pewter Hollow color palette (#FDF1F6, #D2A788, #449E8F, #755B94, #5F3724)
- Weathered Driftwood Garden color palette (#F9F2FB, #DD9CA9, #759960, #4D689D, #50365C)
- Dusty Honey Dune color palette (#ECF9EF, #E8C26B, #8DB781, #4D9591, #563749)
- Wandering Taupe Quarry color palette (#F9F5EB, #A59A4B, #408053, #005F66, #47413C)
- Dusty Archive color palette (#FFF0FA, #C0D4C3, #89B1A7, #7A7D96, #584B64)
- Weathered Bloom color palette (#EAF9FA, #60B89D, #00938E, #8A3786, #3B3A00)
- Hushed Taupe Studio color palette (#E9F5ED, #AE9A62, #455E57, #2B3D30, #271F22)
- Washed Olive color palette (#E4FDE7, #D2CC97, #93A359, #508243, #245956)
Browse the whole catalog at Explore, or see today's palette.