Ancient Petrol color palette — #F0F9E1 · #53A1CB · #3F6BA4 · #633F62 · #23453B

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

The five colors

• Cream (#F0F9E1): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#53A1CB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3F6BA4): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#633F62): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#23453B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, muted, cool.

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

• Cobalt Chapel color palette (#FBF1FC, #4F8CCC, #695792, #693254, #004140)
• Weathered Veranda color palette (#F6F7E2, #46AA9F, #0F7783, #434780, #2E432E)
• Hushed Periwinkle Villa color palette (#FFF2EE, #96A5DB, #797099, #7C4853, #55404E)
• Frosted Cobalt Coast color palette (#E9FBED, #60C3C8, #5C87C5, #7D5E00, #204253)
• Tempered Petrol Field color palette (#FAF1DE, #59ACAD, #3E6CA7, #5B4200, #082A1A)
• Gentle Atelier color palette (#E1FBFC, #89D1FF, #6FA4FC, #A46B9C, #2E3F4F)
• Cobalt Workshop color palette (#D0ECE3, #0077B8, #3C2C3C, #0E241E, #060F0F)
• Aged Fern Boulevard color palette (#F5F7EA, #ABB58F, #507F68, #4D6045, #3D4900)

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