Ancient Petrol color palette — #F0F7F2 · #CFE0DE · #B1C5C5 · #3F7F89 · #414A43

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CFE0DE): bright and airy, almost weightless.
• Stone (#B1C5C5): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#3F7F89): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414A43): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Atelier color palette (#EDF4EE, #CEDADA, #B1BFC1, #458086, #252F27)
• Tempered Driftwood Bloom color palette (#EEF8F4, #E0D4D2, #A79E96, #698A80, #4C5552)
• Ancient Abyss color palette (#DEE9E2, #9AAFA5, #6A867D, #003E4D, #0A1710)
• Antique Cabin color palette (#E7FAF2, #B8DCD0, #B99BBB, #006386, #1C3A2E)
• Hushed Cobalt color palette (#FBF2FA, #EFD3D6, #D3B0C3, #4566B2, #483B46)
• Antique Basalt Atelier color palette (#F6F6E8, #97BB95, #4A815C, #515F44, #424700)
• Patina Grove color palette (#D6FFF4, #CEB1CA, #967289, #795454, #6B3A00)
• Pale Aqua Ridge color palette (#E6FBF1, #66ECFE, #55CCFE, #5294D0, #1D4337)

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