Ancient Petrol color palette — #EBF4F4 · #D5D9EC · #7E9FC6 · #39738E · #26374E

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

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7E9FC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#39738E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#26374E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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 Ridge color palette (#D5ECEA, #68A4CC, #035B97, #003748, #000A1F)
• Antique Petrol color palette (#DEEDEB, #90BAD0, #007696, #004A50, #001926)
• Lagoon Alley color palette (#E9F5F2, #C4E3EA, #3E9EA2, #226C5D, #003240)
• Petrol Market color palette (#F9F4EF, #CDE4E6, #8299C9, #297B86, #654959)
• Softworn Canyon color palette (#FBF2F5, #D9D4DE, #C2BDE5, #599EA9, #464C62)
• Weathered Lagoon color palette (#DDF4EE, #3C8685, #004449, #00201B, #000202)
• Patina Thicket color palette (#DAFAF2, #85A969, #489CA0, #9C6D3A, #0E2D28)
• Tempered Station color palette (#FCEDF3, #D3B0BC, #9D7687, #6C4D5E, #242F24)

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