Ancient Petrol color palette — #F5F1EB · #C9E1E3 · #7E9FC9 · #277688 · #442D3F

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C9E1E3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7E9FC9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#277688): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#442D3F): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Tempered Alley color palette (#F5F1EB, #CAE0DA, #6AA7B5, #317A67, #1E3E30)
• Periwinkle Atelier color palette (#FAF3F5, #D9DEEF, #7E98D3, #397B77, #4D5167)
• Weathered Denim color palette (#D6F3DE, #8AC2DA, #4693C1, #296099, #42293E)
• Weathered Thicket color palette (#E5F6F1, #92B8D8, #C5905B, #0077BA, #35302B)
• Weathered Denim Study color palette (#EAE4DC, #7BA796, #005A9D, #003840, #000034)
• Washed Thicket color palette (#FAEDFB, #74A0D0, #BA7881, #60863A, #302132)
• Petrol Pier color palette (#EDE8E0, #9CBCA7, #007699, #004C47, #00182A)
• Worn Cerulean Quarry color palette (#F7F1E7, #B7DABC, #0092AD, #006454, #00293A)

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