Ancient Petrol color palette — #E9F9F5 · #8DB9BB · #338086 · #64516D · #2D4849

Teal takes the lead with Charcoal Brown close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F9F5): a clean, paper-quiet neutral.
• Ash (#8DB9BB): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#338086): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#64516D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#2D4849): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Terrace color palette (#EEF9EF, #8EBBAB, #518060, #48614C, #2B4940)
• Antique Garden color palette (#E5FBF6, #B5EDFD, #A3C8F1, #62896E, #335858)
• Lagoon Veranda color palette (#EBF9F6, #9CCFCF, #579F8D, #8D6472, #2A4948)
• Chestnut Balcony color palette (#F2F3EA, #ADB996, #448273, #764A06, #232B0F)
• Chalky Grove color palette (#E1FCF8, #76B076, #B46DA6, #307734, #593352)
• Hushed Market color palette (#D4EBE2, #629A75, #00625D, #3C4200, #00302F)
• Weathered Harbor color palette (#CEEAE6, #007D6E, #003F4A, #460017, #001410)
• Dusty Delta color palette (#F7F6E9, #CBDCB5, #4BC0C5, #AF8480, #354B04)

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