Ancient Petrol color palette — #ECF8F5 · #C0D4A3 · #59AB99 · #00759B · #32335C
A conversation between Teal and Turquoise, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F5): bright and airy, almost weightless.
- Pistachio (#C0D4A3): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#59AB99): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#32335C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Petrol Garden color palette (#ECF8F8, #9EDBC3, #5FA6B9, #4D67AD, #462D4F)
- Wandering Study color palette (#EEF8EF, #E4C893, #8CA371, #007D67, #143D51)
- Hushed Cerulean Parlor color palette (#E7FBEF, #C2E4E5, #A6CDC5, #6595A3, #39535F)
- Tempered Jade Ridge color palette (#E5FBF8, #72BA7C, #00878B, #004B84, #240841)
- Moss Quarry color palette (#E5FBF6, #5FA746, #00736D, #003D5B, #0F002F)
- Jade Studio color palette (#FAF2FB, #F6B2B9, #76BC86, #857EBA, #3E3F5C)
- Tempered Lagoon color palette (#DAFAF9, #009252, #00585F, #00244B, #030009)
- Hushed Coral color palette (#FDEEE7, #D38377, #40815B, #3B4B70, #371C33)
Browse the whole catalog at Explore, or see today's palette.