Tempered Petrol Pier color palette — #F9E9F4 · #7CC6C5 · #007389 · #004026 · #000307

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9E9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#7CC6C5): A luminous, dusty teal — the color of glacier melt.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Dusty Cobalt color palette (#FDF1F9, #96D8E5, #0085B5, #005344, #000C22)
• Aged Balcony color palette (#F5E7EE, #63ADCD, #005796, #002B2A, #00000B)
• Ultramarine Studio color palette (#FAE9EE, #8BBDE3, #275BD5, #003D43, #030012)
• Pale Lilac Bloom color palette (#D7F6FF, #93D5FF, #999BFF, #006344, #000305)
• Worn Bloom color palette (#F2DFDA, #2D9C9C, #005167, #002E0C, #00040F)
• Dusty Aqua color palette (#E4E5D4, #4FC4C4, #00959F, #006E62, #00181C)
• Weathered Orchard color palette (#C7EAE4, #00776E, #A10056, #5C3B00, #000201)
• Turquoise Field color palette (#AFEDFF, #00ABC3, #005B69, #00181C, #000102)

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