Ancient Petrol color palette — #E9F6EB · #82C7DB · #007BA9 · #005250 · #001B33

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sky (#82C7DB): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#007BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005250): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001B33): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Soft Studio color palette (#E5F8E8, #89C1F3, #366DCF, #004F62, #120155)
• Softworn Cerulean Coast color palette (#EBF5ED, #96DFDB, #0094A1, #006549, #002A35)
• Softworn Denim Terrace color palette (#DDE8DF, #5BA8C4, #005E8B, #00393B, #000A1E)
• Dusty Navy Pier color palette (#DFE9E1, #487FA4, #003A76, #001E25, #00000C)
• Powdered Azure color palette (#FFF0F9, #D5D9F5, #29A1F5, #00755A, #171A59)
• Soft Grove color palette (#FFE5F0, #C80086, #6A6900, #005A78, #210013)
• Linen Peony Alley color palette (#F2DAE8, #D83AAB, #008756, #860066, #001C0E)
• Wandering Byzantium color palette (#FFECF5, #FFC6CD, #F07E3B, #9441A4, #3C0E20)

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