Tempered Petrol Pier color palette — #EFF7FA · #D5DBE5 · #B8C0D4 · #388188 · #3E4A4E

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7FA): bright and airy, almost weightless.
• Silver (#D5DBE5): bright and airy, almost weightless.
• Ash (#B8C0D4): A luminous, dusty violet — the color of wild irises.
• Teal (#388188): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3E4A4E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cypress Orchard color palette (#EAF4F7, #D3D8E3, #BABBCE, #418181, #222E32)
• Petrol Villa color palette (#F0F6FE, #DBD7EC, #AEBBDE, #4069AE, #37414E)
• Weathered Driftwood color palette (#F1F7F1, #CFE0DF, #D9C3CB, #7C987C, #434A43)
• Hushed Pewter Chapel color palette (#EAF3FF, #AEBDDB, #7B80A1, #6E5A79, #5B465B)
• Timeworn Abyss color palette (#DDE8EE, #98ADB9, #688398, #003F4A, #001721)
• Dusty Pine color palette (#EAF9F5, #9CB993, #4F8157, #386264, #2D4944)
• Quiet Grove color palette (#EAF8FF, #6EEFF7, #17D3FE, #1B8ACF, #274254)
• Tempered Denim Bloom color palette (#EBEFF5, #C7CCD8, #979EC1, #3D4E94, #292E38)

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