Ancient Petrol color palette — #F0F6FB · #D9D8E2 · #ACB1CE · #186B96 · #323C44

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D8E2): a clean, paper-quiet neutral.
• Ash (#ACB1CE): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#186B96): A full-bodied, balanced blue — the color of deep harbor water.
• 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

• Patina Cerulean Basin color palette (#F0F6FC, #D8D8EA, #BFBCD1, #5E84A8, #343B43)
• Tempered Coast color palette (#E9F5F1, #E5D3D9, #C4B0C0, #396991, #162420)
• Nightshade Workshop color palette (#F1F5FF, #D0D0E9, #AE9FC3, #5047B1, #2B3245)
• Wandering Navy Terrace color palette (#DBE1E6, #B0B9CD, #8A8AAD, #00477A, #16202A)
• Byzantium Grove color palette (#F5F4FB, #E4D5DF, #C9B4CA, #8A4AA4, #3F3E4A)
• Fern Drift color palette (#BCE6FF, #89A1C4, #78759B, #495C2D, #124A46)
• Fern Pier color palette (#FFF1F6, #AB9A62, #5C6B1E, #3A4971, #253B2D)
• Deep Bloom color palette (#DDE8FA, #3E5AB9, #2D1D3E, #091325, #03040B)

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