Ancient Petrol color palette — #EEF8F3 · #72BAD8 · #5C6AA7 · #006988 · #2D1F2A

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Cyan (#72BAD8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#5C6AA7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#006988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2D1F2A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged duotone, muted, cool.

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 Bloom color palette (#FAF2F9, #A4C2EC, #7F75A6, #4B6E9F, #382830)
• Tempered Station color palette (#ECF4EE, #6FC3CB, #7D66AD, #00727B, #180910)
• Weathered Periwinkle color palette (#FFF2EE, #6C99DA, #60649A, #723654, #4A3547)
• Chalky Chapel color palette (#E5F3FF, #86AFE8, #5A72AB, #46488E, #3C2E77)
• Ancient Iris Workshop color palette (#ECF7FC, #8AD3D8, #967ED4, #00929A, #202234)
• Muted Petrol Parlor color palette (#EFF7F4, #D2DBDD, #CEBBC0, #4A7A99, #3F4B46)
• Powdered Aubergine color palette (#D6EBE3, #0070A2, #2E008F, #002A40, #060003)
• Wandering Ultramarine Balcony color palette (#E0F8F0, #0096E7, #3A39C4, #004A76, #0A0C2E)

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