Ancient Petrol color palette — #F5EDE2 · #8FBDAC · #396BA0 · #004E5A · #19295B
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Mint Leaf (#8FBDAC): A luminous, dusty teal — the color of glacier melt.
- Slate (#396BA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#19295B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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 color palette (#F4EDE3, #77C0BF, #007584, #00523E, #003343)
- Wandering Cobalt Alley color palette (#FAF4EB, #9FD1C4, #5577B8, #005C74, #33365D)
- Ancient Petrol color palette (#F3E7DD, #8FB9D7, #4C67AE, #004B49, #1B053A)
- Periwinkle Balcony color palette (#E9F1EA, #A6DBFD, #56A8FF, #008EA2, #1F2C4D)
- Tempered Villa color palette (#E6DDD0, #4C9BB4, #005072, #003030, #00142B)
- Hushed Basin color palette (#F9F4ED, #C8E5D0, #4A95B1, #276F67, #285144)
- Aged Studio color palette (#E3DFC6, #819A21, #6742A8, #415000, #31145A)
- Frosted Fern Atelier color palette (#F2F0CD, #AEDEB4, #54B7AF, #676100, #1E3C20)
Browse the whole catalog at Explore, or see today's palette.