Ancient Petrol color palette — #EFF7F5 · #DED4D1 · #CAB7B5 · #557899 · #404A47

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#DED4D1): a clean, paper-quiet neutral.
• Stone (#CAB7B5): A luminous, dusty orange — the color of toasted spice.
• Slate (#557899): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404A47): 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

• Hushed Cobalt color palette (#EEF2F8, #D6D6DE, #BEB9CC, #4D77AB, #262D34)
• Weathered Pewter Drift color palette (#FCF2F4, #E2D7CF, #C5AEA5, #7A547E, #453639)
• Ancient Basalt Veranda color palette (#FCF4EA, #BBAF8D, #657C4F, #6A5062, #524000)
• Ancient Fern color palette (#FDF0FF, #C7A8B6, #9E797C, #6D671A, #555000)
• Hushed Indigo color palette (#F0DFEA, #6067B9, #432931, #281A23, #091314)
• Antique Study color palette (#E8DFE7, #B5A3AD, #9A737D, #003376, #1C0E1C)
• Worn Mulberry color palette (#E9DEDF, #C8B4B0, #A1887C, #701A61, #2D191B)
• Feathered Azure color palette (#FAF6DE, #51A0D4, #705E97, #4A5403, #4C334A)

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