Ancient Petrol color palette — #EFF7F5 · #E0D4D1 · #CBB7B8 · #4279A8 · #3F4B47

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E0D4D1): a clean, paper-quiet neutral.
• Stone (#CBB7B8): A luminous, dusty red — the color of embers at dusk.
• Slate (#4279A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3F4B47): 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 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

• Muted Petrol Harbor color palette (#ECF4F1, #DCD1CD, #D1B4AF, #467C9B, #242F2B)
• Antique Lantern color palette (#FBF2F6, #E9D5D0, #D0B4B5, #7A51B1, #4F3841)
• Dusty Fern color palette (#FFEBFE, #C5ADB8, #95787B, #775B2F, #3D5614)
• Cobalt Coast color palette (#F0DFEB, #5D6AB3, #412B34, #2C1727, #150A0E)
• Softworn Olive Station color palette (#FCF4E8, #BBAF8A, #667C42, #3A6452, #514100)
• Antique Navy color palette (#ECE5EB, #B4A4AE, #917782, #003474, #1C0E1C)
• Hushed Ultramarine Grove color palette (#FCF2FA, #E2CBD7, #C499A7, #2A43D2, #3E2C3B)
• Ancient Aubergine Courtyard color palette (#F4ECEE, #DAC7C8, #B39997, #6F368E, #38292D)

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