Ancient Petrol color palette — #E7F2E9 · #97B5D0 · #3568AE · #004D5D · #202955

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Ash (#97B5D0): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3568AE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#202955): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Antique Petrol Drift color palette (#E5F3E8, #8ABAC9, #007589, #005142, #003346)
• Dusty Sapphire color palette (#F2E5EA, #9AB7D0, #4E64B7, #004B4B, #1B0A33)
• Hushed Cerulean color palette (#ECF9EE, #A8D6EA, #008CB2, #00675F, #0B4465)
• Pale Cornflower color palette (#F8ECE2, #9CD1C1, #667EDF, #006C6C, #361E57)
• Linen Periwinkle color palette (#F2EEE7, #A9DAFF, #65A5FF, #008DA7, #222B4F)
• Denim Loft color palette (#D6E7D9, #5899B3, #004E78, #002F32, #001330)
• Dusty Ash color palette (#F1F7F2, #DADDED, #8599C1, #457688, #495268)
• Frosted Ridge color palette (#EBD5F1, #CA4B6F, #007C6D, #89003B, #00312A)

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