Tempered Petrol Pier color palette — #F8ECE4 · #82BAD4 · #4069A2 · #005147 · #2B235A

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sky (#82BAD4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4069A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2B235A): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Tempered 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 Petrol color palette (#E2ECE4, #98B8CD, #0071B0, #004A50, #001338)
• Wandering Cobalt Field color palette (#FAF4EE, #A5D0C0, #5F76B0, #00605D, #522D3F)
• Cobalt Garden color palette (#F3EEE6, #A2D1BB, #428DC5, #006B73, #0F2C59)
• Dusty Spruce Hollow color palette (#F0DDD8, #66ADAA, #006178, #00420D, #00203E)
• Pale Forest Harbor color palette (#FEF2EE, #93DEDE, #008CB2, #006C2B, #1F4168)
• Washed Periwinkle Workshop color palette (#F5EBF0, #A9DCF3, #62A6FF, #009381, #2A2850)
• Washed Teal Bloom color palette (#9AFAF2, #00AEA4, #00645E, #00302B, #001715)
• Navy Lagoon color palette (#F4E9DF, #5C85A8, #293082, #002223, #100021)

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