Petrol Archive color palette — #DFE7E0 · #96BAB7 · #72A5A5 · #00818C · #08180D

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

The five colors

• Parchment (#DFE7E0): bright and airy, almost weightless.
• Ash (#96BAB7): A luminous, dusty teal — the color of glacier melt.
• Blue Fog (#72A5A5): A luminous, dusty teal — the color of glacier melt.
• Teal (#00818C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#08180D): A deep, shadowed, 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 Petrol Archive 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 Villa color palette (#E5F4EE, #8EA5A9, #A98DA7, #006A9B, #010C08)
• Worn Harbor color palette (#E6EBE6, #96A49D, #907089, #003F3F, #000600)
• Quiet Cobalt color palette (#DFF5E9, #00C9D8, #5D9FEC, #008AD7, #000B12)
• Aubergine Lantern color palette (#D9F1DC, #0099B4, #006FA3, #631F88, #000D14)
• Ancient Turquoise color palette (#ECF9F1, #BCE4E4, #9CCCD0, #03AAC8, #21392B)
• Patina Alley color palette (#EEE5EB, #D8B9B8, #C59D99, #7877BC, #291A23)
• Gentle Field color palette (#F0EFDF, #6DAA5A, #008736, #1A644B, #031400)
• Hushed Azure color palette (#D0E8F7, #5197DA, #5A6FB3, #694161, #380F22)

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