Ancient Petrol color palette — #FFF1F6 · #9E8DC5 · #B37583 · #387FA1 · #503C44

Built around Cerulean, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Blue Fog (#9E8DC5): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#B37583): A luminous, dusty red — the color of a theater curtain.
• Cerulean (#387FA1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#503C44): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Ancient Cobalt Field color palette (#FFF1F1, #BA85A1, #AF7C5D, #6C70A8, #533B3B)
• Tempered Denim color palette (#FFF1F5, #D0B9E3, #8A72A1, #594370, #4E2A37)
• Softworn Cabin color palette (#FFF1F5, #E4D6D3, #E0BCAA, #9D7589, #5C484E)
• Softworn Olive Chapel color palette (#FFECF1, #AF8CC2, #9E8C52, #518943, #381E26)
• Sunlit Nightshade color palette (#FFDADB, #AD5691, #A35327, #464FA7, #441E21)
• Worn Moss color palette (#F4F4FF, #BDA6D3, #AEA85D, #76A15C, #404056)
• Magenta Villa color palette (#FEE0FF, #B946C2, #C33C29, #205CB7, #451F47)
• Hushed Blush Boulevard color palette (#F4F4FF, #E2B2F6, #FF9F9C, #83B3E5, #424050)

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