Ancient Petrol color palette — #F1F6FB · #DDD9E3 · #C7BCC9 · #58769E · #414851

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#C7BCC9): A luminous, dusty pink — the color of a candy shop window.
• Slate (#58769E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414851): 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

• Softworn Market color palette (#E3F1FF, #AEB7DA, #8A7F9F, #416A64, #374E59)
• Tempered Pewter color palette (#F6F4FB, #E3D5DB, #C1ACBC, #7F5278, #3C3845)
• Patina Olive Field color palette (#EEF8EF, #8FBBA8, #5B7F4D, #4E587A, #30493E)
• Muted Station color palette (#F1F5FF, #D0D1E2, #C198B6, #4849B4, #2A3247)
• Indigo Study color palette (#DFE4F3, #6C64B5, #342C4C, #1B1E2B, #0C0B13)
• Softworn Garnet color palette (#E9E4EF, #C3B3C4, #A08595, #711D55, #221C28)
• Washed Navy Study color palette (#E2E7EE, #A3A8C0, #81789F, #11258E, #0D1420)
• Aged Quarry color palette (#F1F5FF, #CCDEFD, #AAA8FF, #C076B0, #363959)

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