Ancient Petrol color palette — #DFE9ED · #A8B0C1 · #9195B0 · #00818B · #00171F

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

The five colors

• Frost (#DFE9ED): bright and airy, almost weightless.
• Ash (#A8B0C1): A luminous, dusty violet — the color of twilight just after sunset.
• Blue Fog (#9195B0): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Petrol Bloom color palette (#E4ECF3, #9F9FAB, #8D85A3, #006B9A, #000A16)
• Aged Balcony color palette (#EAF2EC, #93A59B, #5A80A1, #003E44, #000601)
• Timeworn Indigo color palette (#EBEEF5, #C3BCC8, #B6A0B7, #7472D4, #181E31)
• Patina Coast color palette (#E9F0EA, #C1D5CD, #BA9BB1, #00595B, #000400)
• Tempered Cocoa Bloom color palette (#D8F4FF, #7395BB, #6F6CA6, #833A1C, #2C1900)
• Frosted Thicket color palette (#DBF4E0, #0099AF, #0068BD, #89041C, #000D15)
• Muted Turquoise color palette (#ECF7FD, #D4D9EB, #BDBDDA, #00AAC7, #1F3641)
• Hazy Indigo Parlor color palette (#CDEAFD, #00C8C2, #00ACDD, #5A6FFF, #000B17)

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