Ancient Petrol color palette — #F3E4EC · #79BFD7 · #0071B0 · #004C46 · #081333

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

The five colors

• Blush (#F3E4EC): a clean, paper-quiet neutral.
• Sky (#79BFD7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0071B0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#081333): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Petrol Hollow color palette (#E1F3F1, #7FBBD2, #007299, #004E58, #00314C)
• Cobalt Hollow color palette (#FAEEF3, #AACCE6, #347CD3, #005B5D, #131F3C)
• Patina Ultramarine color palette (#EFE0E5, #74A2C7, #2147C5, #00383F, #0C002B)
• Dusty Veranda color palette (#D5EEFF, #A9C3EF, #BB8DE7, #006C66, #001A30)
• Patina Pier color palette (#F8EEF5, #A0DDD8, #0093A7, #006635, #00293B)
• Patina Quarry color palette (#DBEFFF, #399ADD, #005E8B, #002D43, #000712)
• Dusty Periwinkle Delta color palette (#F7EFF3, #D7D1E6, #70A0D2, #307875, #2B364A)
• Lagoon Lagoon color palette (#D0F5EF, #009498, #005F77, #003551, #001638)

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