Ancient Petrol color palette — #F1F7F3 · #E0D4D2 · #CAB7B7 · #1F8197 · #3E4C43

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

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#E0D4D2): bright and airy, almost weightless.
• Stone (#CAB7B7): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#1F8197): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3E4C43): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Dusty Petrol color palette (#ECF3F7, #D5D7E0, #BCBACE, #347F98, #272D31)
• Weathered Fern color palette (#F3F6F0, #D4DDDB, #AEC5C7, #31856A, #375110)
• Basalt Pier color palette (#FAF5E7, #B0B295, #428170, #2D607B, #444600)
• Aged Denim color palette (#ECF8F4, #DECDD8, #BE9CA5, #006090, #123B30)
• Hushed Sapphire Chapel color palette (#FCF2F9, #E3D6D3, #D5B2B1, #4B5DCA, #4D3848)
• Patina Field color palette (#D9E7E0, #B4A3B1, #937680, #003D52, #00190F)
• Wandering Coast color palette (#D4EAE4, #3275B1, #422A35, #07251F, #04100E)
• Tempered Grove color palette (#ECFAE1, #98B8AC, #9C7E8C, #6B6517, #575100)

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