Ancient Petrol color palette — #E9F4FB · #D3D6EE · #B1C0D9 · #217496 · #182731

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F4FB): a clean, paper-quiet neutral.
• Powder Blue (#D3D6EE): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B1C0D9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#217496): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#182731): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Denim color palette (#E0EBF3, #C0CCDE, #9CA3B7, #005B89, #0C1721)
• Petrol Balcony color palette (#EFF8F3, #EBD8DE, #CDB4C2, #007597, #30453B)
• Dusty Parlor color palette (#F1F1F9, #DCD4DC, #BCAAAC, #7F7F9E, #35353D)
• Hushed Periwinkle color palette (#CCE8FF, #95A7E5, #8B6AA0, #6A4753, #083421)
• Patina Navy color palette (#E6EAF6, #9C9DB8, #7D7696, #33286E, #020311)
• Jade Studio color palette (#D4FBF5, #5ABE91, #007D6D, #085662, #002627)
• Deep Sapphire Garden color palette (#DFECFC, #0063DA, #262449, #031022, #00040A)
• Violet Alley color palette (#E8F3FF, #7EE2FF, #75B5FF, #876CD0, #091B3F)

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