Ancient Petrol color palette — #ECF7FE · #A7D1A7 · #007DA0 · #0B495E · #15242C

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

The five colors

• Ivory (#ECF7FE): a clean, paper-quiet neutral.
• Pistachio (#A7D1A7): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#0B495E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#15242C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Dusty Villa color palette (#ECF8F9, #BECC93, #20836D, #0A4E40, #132527)
• Cobalt Terrace color palette (#F1F5FD, #A6DDDF, #677DAC, #3C4E69, #262C35)
• Azure Grove color palette (#EBF9F3, #EBD2A1, #5A9EC1, #3A6A81, #13261F)
• Aged Petrol Dune color palette (#EEF6FF, #FFDCD6, #58799F, #263A50, #081019)
• Aged Cobalt Study color palette (#F1F5FF, #F6AEB2, #6B68AD, #3E3D64, #1E212B)
• Worn Mint color palette (#D8E6F6, #2CC884, #005CA5, #002E58, #001024)
• Weathered Iris color palette (#F0F6FD, #A0C6FF, #9579E4, #4A80D0, #202334)
• Emerald Courtyard color palette (#DDF0FF, #009D4A, #003D5A, #00111E, #000205)

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