Ancient Petrol color palette — #F5F1EB · #C7E3E5 · #799FCD · #257787 · #422F3E

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 (#C7E3E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#799FCD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#257787): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#422F3E): 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

• Wandering Turquoise color palette (#F5F1EB, #C8E2DB, #4FABBD, #2E7A65, #243C31)
• Worn Thicket color palette (#FCF2F6, #D9DEEF, #8499C3, #497781, #4C5169)
• Wandering Denim color palette (#E9E0D2, #71A4C0, #005A9B, #003840, #000231)
• Worn Moss Ridge color palette (#FFEDE9, #CE838F, #769B4F, #4D7CAB, #35221D)
• Weathered Cerulean Meadow color palette (#F9F1E3, #97DEE3, #0092AC, #006453, #00293A)
• Wandering Petrol color palette (#EDE8E1, #96BFA3, #007698, #004C47, #001829)
• Lagoon Veranda color palette (#F3EDE4, #3B8682, #00444A, #002015, #000202)
• Peony Archive color palette (#FFDFE3, #DEA3C6, #BF6585, #874B54, #3D3533)

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