Ancient Petrol color palette — #EBF4F1 · #DDD0CC · #C5B5B2 · #4D7B98 · #242F2B

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#DDD0CC): a clean, paper-quiet neutral.
• Stone (#C5B5B2): soft and architectural.
• Slate (#4D7B98): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#242F2B): 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

• Petrol Lantern color palette (#EEF7F5, #DFD4D2, #C9B7BB, #51789D, #3F4B47)
• Washed Grove color palette (#F8EFF4, #E3D5D1, #C7BBB1, #8E677E, #33282E)
• Pewter Lantern color palette (#FDEFE4, #C2B384, #6A7D4D, #674C56, #2F2615)
• Weathered Quarry color palette (#F8EEF7, #EAC9D8, #CC9EA2, #1256B3, #221521)
• Antique Lantern color palette (#DBEEE9, #AF98A5, #957077, #003860, #000604)
• Fern Meadow color palette (#DBFBE3, #AAB7E6, #A17478, #5D5D0E, #3C3C00)
• Aubergine Basin color palette (#EBDCDE, #C3AEAA, #A68673, #5E2C64, #130709)
• Turquoise Courtyard color palette (#FBF1D5, #19ACD3, #745BA3, #4D480E, #2B1D2D)

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