Tempered Petrol Pier color palette — #FDF1F6 · #C0B6E6 · #63A792 · #00778B · #2C1B2A

Teal and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Lavender (#C0B6E6): A luminous, dusty violet — the color of twilight just after sunset.
• Jade (#63A792): A luminous, dusty teal — the color of glacier melt.
• Teal (#00778B): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2C1B2A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Cypress Parlor color palette (#FBF2FA, #90B3E6, #7AA46B, #008270, #182C22)
• Timeworn Petrol Archive color palette (#FFF1F1, #E3AACB, #60A3BB, #446CAF, #352128)
• Antique Lime color palette (#FFF2F1, #EBA8CC, #9AB457, #4F8FB7, #443131)
• Softworn Parlor color palette (#F9F5ED, #DDCA97, #7AA872, #007B78, #123C59)
• Denim Archive color palette (#FFF2F0, #CE889E, #3884B0, #4B56A4, #2C1218)
• Wisteria Dune color palette (#FFF1F5, #BF86F0, #00827C, #005C77, #0B0B2F)
• Hushed Studio color palette (#F6EFF9, #BC656F, #3C7655, #25573B, #161D2B)
• Gentle Navy Thicket color palette (#FFF1F2, #B76FAB, #008092, #004787, #16000B)

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