Ancient Petrol color palette — #F9E8E0 · #74ACB8 · #006F9A · #004B3E · #001330

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

The five colors

• Rose Water (#F9E8E0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Blue Fog (#74ACB8): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001330): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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 Pier color palette (#F5E8DC, #7EA7C8, #3B60BA, #004951, #150041)
• Aqua Villa color palette (#F7EAF3, #4ACADF, #007099, #003F33, #00020A)
• Worn Cerulean Coast color palette (#EAECDE, #50C1D7, #0091B1, #006C70, #001721)
• Washed Cerulean color palette (#F8ECE6, #A8D0B1, #0093BF, #006E55, #002F56)
• Muted Coast color palette (#FFF2EB, #AAE8E7, #00ADCC, #008755, #004566)
• Tempered Lagoon color palette (#FBF4EE, #C5E4E7, #87A5DA, #008B94, #5E3B51)
• Hushed Harbor color palette (#FAECCF, #A1BA89, #00A98D, #804D00, #1C1F00)
• Tempered Lapis Lantern color palette (#F7E9CE, #907400, #5947DB, #544300, #0D0039)

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