Ancient Petrol color palette — #F5F1EB · #C3E7E9 · #7D9FC7 · #2E7684 · #422F3F

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C3E7E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7D9FC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#2E7684): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#422F3F): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Antique Turquoise Chapel color palette (#F5F1EB, #C6E4DC, #4EABBB, #317A64, #263C31)
• Tempered Station color palette (#FBF2F6, #D9DEEF, #8699C1, #3D7B76, #4D5167)
• Weathered Blush Study color palette (#ECF5E8, #7DC3B6, #DA7A94, #1E8374, #452824)
• Aged Alley color palette (#F3ECE2, #74A4BD, #005B97, #00383F, #000728)
• Tempered Balcony color palette (#EEE8DF, #76C1CE, #007696, #004C45, #001828)
• Powder Ridge color palette (#EBF5EA, #B3DEEC, #B9C0F0, #679882, #374339)
• Cerulean Studio color palette (#F9F1E3, #90E0E3, #0092AA, #006451, #002939)
• Hushed Lagoon color palette (#E8F0CF, #87C8A4, #009C7D, #00635F, #27412C)

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