Ancient Petrol Pier color palette — #F5EDE2 · #7CBAE0 · #236AB1 · #004E5A · #1F2C4E

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#7CBAE0): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#236AB1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1F2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Ancient Petrol Pier 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

• Worn Harbor color palette (#F1E7DF, #88BADB, #426BAA, #004B4F, #110F35)
• Hushed Cobalt color palette (#F6EBEF, #A8C9E3, #5987CB, #006B70, #272757)
• Timeworn Canyon color palette (#F8EDDC, #49B0B5, #006272, #003F33, #002331)
• Ancient Dune color palette (#E5F2F1, #B4D8F5, #4CACF7, #008CAE, #002D5C)
• Weathered Cerulean color palette (#FBF4EA, #8DDEE7, #008DAC, #00685B, #084561)
• Tempered Ash Hollow color palette (#F9F4ED, #C4ECF1, #7D9BC7, #417787, #5F4C5A)
• Lagoon Grove color palette (#E8E0D4, #009392, #00454D, #002319, #000B11)
• Plum Summit color palette (#FFE3DC, #C50053, #496B00, #004F87, #36101A)

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