Ancient Petrol color palette — #F8ECE6 · #9CBAA5 · #00719B · #005142 · #0B2E55

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Sage (#9CBAA5): A luminous, dusty teal — the color of glacier melt.
• Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#0B2E55): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Timeworn Cobalt color palette (#FDF3ED, #A8D0BA, #2E7EB7, #006059, #2A395C)
• Petrol Ridge color palette (#E1ECEA, #75C1CF, #007790, #004B4C, #001923)
• Aged Denim Parlor color palette (#F0E7E0, #72A6C2, #0756A2, #003E3E, #15164B)
• Ancient Courtyard color palette (#EDE0D8, #799979, #005363, #00321C, #001625)
• Gentle Chapel color palette (#F9E9F5, #7DE5F7, #23B2EC, #009479, #152F4C)
• Cypress Boulevard color palette (#FAF3F0, #CBE7E4, #739FBD, #118071, #5F4B5E)
• Washed Aubergine Drift color palette (#F5D5D9, #AB5DA6, #007E59, #7A0077, #003221)
• Aubergine Loft color palette (#FFF0F1, #EBBAAE, #D08449, #664096, #512837)

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