Ancient Petrol color palette — #F0F5FF · #CFC68B · #5E6EA5 · #334260 · #1C222C

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Pistachio (#CFC68B): A luminous, dusty green — the color of fresh herbs.
• Slate (#5E6EA5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#334260): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1C222C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Softworn Lime Terrace color palette (#F4F4FF, #AAC869, #815394, #4A2C56, #1A172B)
• Cobalt Pier color palette (#FAF2F8, #F1E7B0, #6071B5, #2D365A, #170B14)
• Ancient Iris color palette (#F1F5FE, #FFC3CA, #8690CD, #5A6086, #1E222A)
• Denim Atelier color palette (#FDF1F9, #D29FA5, #454C7F, #242953, #2B1C27)
• Ancient Cobalt Delta color palette (#F1F5FF, #B8C0F7, #BF7788, #7179C0, #2B1F2E)
• Tempered Ash Archive color palette (#F4F4FC, #E0D8DE, #CCBBC2, #9A84B4, #464751)
• Antique Archive color palette (#E2FCF4, #B8A3ED, #B56C89, #167363, #3D3954)
• Antique Mulberry Balcony color palette (#DFDBED, #9AB04C, #7B347B, #3B1A3B, #0D061C)

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