Ancient Petrol color palette — #EBF3F7 · #D3D7E1 · #B8BCC7 · #437F8B · #222E33

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D3D7E1): a clean, paper-quiet neutral.
• Ash (#B8BCC7): soft and architectural.
• Slate (#437F8B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222E33): quiet, heavy and certain.

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

• Washed Petrol Delta color palette (#F1F7F2, #D3DCDD, #CDBCC0, #008490, #424A43)
• Aged Denim color palette (#EFF1F9, #DAD3DF, #B5B5C7, #645B93, #1C202E)
• Weathered Atelier color palette (#E4F0FF, #ACB9D2, #777E9D, #675573, #443146)
• Abyss Coast color palette (#D6E0E6, #91A2B0, #647F99, #003D4E, #00050A)
• Worn Lagoon color palette (#E5F6F3, #99BE9D, #4B8363, #2D5E63, #0A2E2B)
• Muted Petrol color palette (#DDF8F8, #5FA6C9, #446D9D, #5D3560, #0D2537)
• Ancient Azure color palette (#E6F4FF, #9DEAFF, #76CFFF, #5C90D0, #09253A)
• Antique Aubergine Dune color palette (#E6E7EF, #B2B1C2, #8E8AA0, #502B7F, #080917)

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