Ancient Petrol color palette — #F8ECE4 · #97BBA9 · #0B6CAF · #00504C · #1A2860

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sage (#97BBA9): A luminous, dusty teal — the color of sea glass.
• Peacock (#0B6CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#1A2860): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Alley color palette (#FAF4EF, #A4D0BF, #4878BF, #005F63, #34375A)
• Petrol Chapel color palette (#DCEDEB, #8FBAD4, #0074A0, #004A55, #001829)
• Misty Ultramarine Coast color palette (#ECE3DA, #7FA3C5, #344AB4, #003D46, #211346)
• Softworn Delta color palette (#F3E5DE, #609AA4, #00516E, #003126, #00142D)
• Hazy Periwinkle Station color palette (#F6EBF1, #9CDEF8, #61ABEA, #00918A, #1F2B50)
• Muted Teal Summit color palette (#B6F8EA, #1BAC97, #006658, #002F29, #001914)
• Ancient Cypress color palette (#FBF3EF, #CEE3D0, #5494AA, #007450, #225245)
• Weathered Emerald color palette (#D9E7C5, #48A150, #006F46, #004A41, #003033)

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