Ancient Petrol color palette — #F0F6FB · #D9D8E3 · #ADB2C9 · #2C6B8E · #323C44

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D8E3): bright and airy, almost weightless.
• Ash (#ADB2C9): A luminous, dusty violet — the color of wild irises.
• Peacock (#2C6B8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#323C44): quiet, heavy and certain.

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 Studio color palette (#EAF5F1, #E3D4D8, #C3B1BF, #436888, #162420)
• Washed Nightshade color palette (#F1F5FF, #D0D0E5, #C198B4, #4E4AAB, #2B3246)
• Driftwood Study color palette (#F3F5FB, #DFD8DF, #B6A9A4, #827BA5, #50525A)
• Navy Parlor color palette (#EAF1F7, #B0B9CE, #8A8BAA, #004779, #182029)
• Wandering Delta color palette (#CAE9FF, #8F9ECD, #976695, #475E36, #274742)
• Turquoise Villa color palette (#EFF7F4, #E8D8DC, #CFBDBE, #6DA6D0, #303E39)
• Muted Olive color palette (#FFF1F6, #AA9A67, #5B6B00, #3B4A6F, #253B2D)
• Weathered Aubergine Parlor color palette (#EBEDF7, #9B97A7, #7D6786, #390D5F, #080813)

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