Ancient Petrol color palette — #F6ECE9 · #9BBB9F · #007297 · #005329 · #102D56

A conversation between Teal and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6ECE9): a clean, paper-quiet neutral.
• Sage (#9BBB9F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005329): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#102D56): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Petrol color palette (#F8ECE4, #86BAD0, #2F69AE, #005145, #29235E)
• Cobalt Courtyard color palette (#FEF2ED, #AFCEB8, #2280B5, #006344, #2C395B)
• Petrol Veranda color palette (#E2ECE4, #8BBCCC, #00788B, #004D3D, #001924)
• Denim Coast color palette (#EFE0D8, #82A993, #005A99, #003F32, #171153)
• Patina Thicket color palette (#E8DCD6, #418C9E, #004067, #002318, #04002D)
• Worn Cabin color palette (#F8EEE5, #6895B6, #2737AA, #00302F, #1C003A)
• Hushed Villa color palette (#FBF3F1, #CFE3DF, #78A492, #467C5D, #614A5F)
• Frosted Turquoise color palette (#F7E9F7, #86E6E9, #3CB3DF, #3F9259, #142E50)

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