Ancient Petrol color palette — #F8EFF2 · #DAD0E2 · #879DC1 · #3A757F · #303548

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#DAD0E2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#879DC1): A luminous, dusty violet — the color of a velvet chair.
• Teal (#3A757F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#303548): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Ash color palette (#FAF4EE, #C8E9EC, #8A97C5, #3C7A7A, #664955)
• Wandering Cerulean Basin color palette (#F7EFF4, #B5E6F2, #309DB1, #3F694D, #112F43)
• Worn Stone color palette (#F1F0FF, #E5D3DE, #D8B3A6, #8190AB, #3F394A)
• Petrol Station color palette (#F4E4EE, #79BFD4, #1D72A4, #004C44, #051434)
• Timeworn Lilac Loft color palette (#F0F0FF, #B287D0, #809854, #588563, #262535)
• Washed Thicket color palette (#F4E1E8, #5DA4D4, #2854A5, #00393D, #0A012B)
• Dusty Bloom color palette (#E3EDFF, #B0AEF5, #9879BC, #735477, #3E3349)
• Weathered Lagoon color palette (#F7E7F2, #008A8C, #004352, #002112, #000103)

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