Ancient Petrol color palette — #ECF8F9 · #46A187 · #5766A3 · #71383A · #273B39

Built around Slate, softened by Fern — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#ECF8F9): bright and airy, almost weightless.
• Fern (#46A187): A luminous, balanced teal — the color of sea glass.
• Slate (#5766A3): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#71383A): A full-bodied, balanced red — the color of embers at dusk.
• Deep Teal (#273B39): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Pewter Alley color palette (#ECF8F9, #359276, #7E558F, #70420B, #223738)
• Petrol Parlor color palette (#EDF8F2, #8D8537, #006AA2, #6F3552, #28372F)
• Patina Cerulean Station color palette (#FEF0FB, #78B79C, #37819B, #80473D, #314D53)
• Aged Lagoon color palette (#EEF5E6, #1B9B75, #386A8E, #6A4800, #1B1A0E)
• Tempered Mulberry Quarry color palette (#ECF7FF, #0580AA, #942D67, #4C4100, #132E3A)
• Aged Bloom color palette (#D5FFFB, #82CCB8, #0398A2, #0D6685, #2A4570)
• Hushed Lagoon color palette (#EFF7F7, #D5DBE1, #B3A9B2, #5C8B8E, #4A5556)
• Pale Aubergine color palette (#E4FAFF, #007A76, #610EB0, #5E2500, #002B23)

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