Ancient Petrol color palette — #F9F4EE · #CAE5E7 · #7F9CBF · #027C90 · #614A5C

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CAE5E7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7F9CBF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#027C90): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#614A5C): A full-bodied, 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

• Dusty Villa color palette (#F6F1EC, #C4E7EA, #869BCD, #227A76, #462D39)
• Lagoon Boulevard color palette (#FAF3F6, #DADEED, #9EB0DE, #459592, #4D5168)
• Muted Cypress Villa color palette (#F8F5EF, #CDE3DC, #5EA6B0, #3B7D64, #315341)
• Weathered Courtyard color palette (#FFF2EE, #C1848D, #79945D, #3E7AB4, #533C36)
• Patina Petrol color palette (#FEF4E3, #84C4CD, #007A97, #00574D, #003752)
• Washed Lagoon color palette (#EAE4DA, #569D9D, #00535F, #003125, #001720)
• Hushed Market color palette (#F3ECE2, #75A6C2, #005999, #003D45, #071A4B)
• Plum Villa color palette (#FFF2EF, #D3A29A, #4DAB9E, #A7546C, #1F5850)

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