Ancient Petrol color palette — #F8EAF3 · #7DBDCC · #006EA9 · #00523B · #212B50

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

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Ash (#7DBDCC): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Midnight (#212B50): 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

• Wandering Cobalt color palette (#FAF3F7, #99CEE5, #4079C1, #006154, #303955)
• Worn Petrol color palette (#EEE8DF, #68C2D7, #00759C, #004B48, #00172B)
• Airy Ultramarine Lagoon color palette (#F0E5E9, #73A6C5, #1C47C4, #003E3B, #21173D)
• Azure Thicket color palette (#D0EEFF, #159DD8, #005C79, #002D43, #001B28)
• Worn Veranda color palette (#E7F8FF, #A6C4F8, #BD80D2, #007054, #183044)
• Aged Lagoon Lagoon color palette (#D9F7E7, #009F9B, #006B77, #003F61, #2E1B51)
• Hushed Cabin color palette (#F0E4EF, #479FA1, #005169, #003212, #00132E)
• Gentle Sky Terrace color palette (#F7ECE6, #A4DEEC, #3AB0ED, #00937E, #0B2C5B)

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