Ancient Petrol color palette — #EFE6ED · #89BCCF · #007698 · #004D3A · #00172D

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

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Ash (#89BCCF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3A): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Pier color palette (#F6F0F4, #A5CEE3, #2784B8, #005D51, #0D203E)
• Antique Thicket color palette (#E1F3F0, #79BEC7, #007588, #00504E, #003442)
• Sapphire Veranda color palette (#F2E5EA, #8CBAD8, #1F65CF, #004B4F, #121033)
• Antique Coast color palette (#F7E8EF, #69A6C0, #005A9B, #003937, #03032D)
• Dusty Station color palette (#F6F0F4, #D3D2E7, #5CA6CD, #3D7869, #293748)
• Tempered Drift color palette (#EADAE3, #2984A0, #003F66, #001F1D, #00000D)
• Sunlit Magenta color palette (#EBE6FF, #BA3EC1, #1A5D00, #00594F, #0D041F)
• Amber Boulevard color palette (#F0EBFF, #FDB5C3, #E17F4F, #5D4A9D, #221429)

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