Ancient Petrol color palette — #E9F9F8 · #559164 · #3E69A3 · #783C4F · #283A35

Slate takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Fern (#559164): A luminous, balanced teal — the color of glacier melt.
• Slate (#3E69A3): A full-bodied, balanced blue — the color of deep harbor water.
• Oxblood (#783C4F): A full-bodied, balanced red — the color of embers at dusk.
• Forest (#283A35): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Lapis color palette (#EBF8F7, #609E71, #6655A6, #6D3B1D, #203735)
• Aged Emerald Corridor color palette (#F2F3E8, #5BA254, #177389, #6C4424, #201C0F)
• Timeworn Lagoon color palette (#FFF0F9, #85B684, #00878F, #7F4553, #324D4E)
• Patina Petrol Canyon color palette (#FFF1F5, #B18456, #00748A, #5F3E63, #413036)
• Powdered Courtyard color palette (#E9F8FE, #008A95, #813380, #643A00, #183137)
• Worn Moss color palette (#ECF8F5, #8BAD52, #3797A3, #8C604B, #2C3830)
• Ancient Summit color palette (#EFF7F6, #D3DCE2, #B2AAB6, #6B8C6C, #4B5554)
• Aged Villa color palette (#D1F1FE, #006973, #780051, #322D00, #001F23)

Browse the whole catalog at Explore, or see today's palette.