Ancient Petrol color palette — #F7EBEF · #7CBADE · #4065B0 · #00504B · #2E284A

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

The five colors

• Blush (#F7EBEF): bright and airy, almost weightless.
• Sky (#7CBADE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#4065B0): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2E284A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Weathered Cobalt Archive color palette (#EFF8EE, #A2CAEE, #6572B9, #005F62, #363659)
• Misty Study color palette (#F6EAF6, #61C4C3, #007390, #00541A, #062F55)
• Ancient Petrol Ridge color palette (#E7EBE1, #90BFAE, #2B70A6, #00485C, #001532)
• Aged Grove color palette (#FCF2F5, #DADEEF, #8698C7, #4C7681, #4E5164)
• Denim Terrace color palette (#ECD9E4, #469CB4, #004C80, #003125, #0C093C)
• Chalky Mallow Workshop color palette (#EFEEFF, #F9ADEB, #D27C59, #1F5B8E, #312C4D)
• Softworn Corridor color palette (#F8ECE2, #B0DFCD, #6BA5FB, #009096, #26255D)
• Washed Byzantium Loft color palette (#EAE6F4, #9940FB, #265C00, #004734, #1B1B39)

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