Antique Petrol color palette — #FFF2EC · #80C4D2 · #0077A4 · #005748 · #003167

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sky (#80C4D2): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Antique 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

• Sapphire Station color palette (#FFF3E7, #92BDE0, #3D65CF, #00545E, #331F71)
• Worn Petrol Alley color palette (#DEF8F4, #69CCDF, #007E9A, #005154, #001D2A)
• Worn Drift color palette (#F5F7E6, #7DDBEE, #009CBD, #007275, #00384C)
• Hazy Cornflower Thicket color palette (#FBF4EC, #A6DBCB, #5178DF, #006570, #3E366D)
• Tempered Onyx Terrace color palette (#FCECE4, #69A9BD, #005D8C, #003F38, #011753)
• Sky Orchard color palette (#FFF0FB, #86EBFF, #1AB8F9, #009A81, #003168)
• Muted Boulevard color palette (#FBF3F0, #CCE6E5, #7B9DBD, #008079, #604A5C)
• Patina Navy color palette (#FAEDE3, #5987A0, #003A79, #002223, #06002B)

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