Timeworn Petrol Pier color palette — #E8F0E9 · #8AB9CC · #0081A1 · #005A51 · #002235

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

The five colors

• Cream (#E8F0E9): bright and airy, almost weightless.
• Ash (#8AB9CC): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002235): 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 Timeworn 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

• Cobalt Lantern color palette (#E4F2E7, #8AB7D8, #3875C0, #005766, #0D1454)
• Antique Glacier Dune color palette (#FDF4E5, #61E0F2, #0087A8, #00524A, #000E1A)
• Aged Denim Orchard color palette (#EFE3EC, #60ACB5, #005F84, #004125, #061B49)
• Cornflower Drift color palette (#EBFAEE, #A3D1F4, #2B8AFD, #006F83, #1D2676)
• Aged Azure Atelier color palette (#F0DED6, #67D2E2, #049DDD, #008155, #0B1B47)
• Patina Corridor color palette (#F0F7F2, #D0DEF7, #61AFD9, #008C8B, #2E4A66)
• Antique Market color palette (#E0E4FF, #6364D4, #B43A00, #006942, #0D0835)
• Frosted Sapphire Atelier color palette (#D5E0F7, #CEBAE4, #D688C7, #2C6CC8, #2C1C48)

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