Ancient Petrol Pier color palette — #F0F6FA · #DBDAE3 · #C6BCC9 · #3C7C9F · #41494F

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DBDAE3): bright and airy, almost weightless.
• Stone (#C6BCC9): A luminous, dusty pink — the color of a candy shop window.
• Slate (#3C7C9F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#41494F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient Petrol Pier 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

• Patina Petrol color palette (#ECF4F1, #DED0CD, #CBB4B6, #4B7A9D, #222F2B)
• Antique Grove color palette (#E5F9FF, #9FB9C3, #7A88AB, #5B6D47, #275460)
• Aged Courtyard color palette (#F3F5FC, #E1D5E0, #C6B5CA, #6F4FC5, #3A3E53)
• Softworn Station color palette (#E4EBF2, #A4A9B7, #807B96, #003A62, #011528)
• Worn Ultramarine color palette (#EFF6FF, #CDD1E6, #AB9FC5, #0056B5, #233449)
• Dusty Pewter Veranda color palette (#FCF2F8, #9DB89D, #757744, #62507A, #364837)
• Petrol Summit color palette (#E3FCF3, #4DA7AD, #5A63A5, #445600, #1D4157)
• Aubergine Canyon color palette (#E3E1EB, #BFB5C3, #A08596, #6F0079, #201C2E)

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