Tempered Petrol Terrace color palette — #E4F3E7 · #6CC2BF · #007682 · #00523C · #003442

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

The five colors

• Cream (#E4F3E7): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#6CC2BF): A luminous, balanced teal — the color of glacier melt.
• Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered Petrol Terrace 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

• Hushed Coast color palette (#E4F3E7, #76BBE1, #2A6BA6, #004E58, #1E2D4D)
• Wandering Petrol Pier color palette (#F0E6EC, #88BDCA, #00788B, #004E2A, #001826)
• Worn Harbor color palette (#EFEFE5, #C2DBBF, #00BBC2, #00937E, #00353B)
• Hushed Forest Terrace color palette (#F7ECE6, #8DD3D0, #0C96AD, #00703F, #003249)
• Patina Ash color palette (#F0F7F1, #CFE1F5, #6AA4B0, #41797E, #3E5666)
• Hushed Wisteria color palette (#E0EDFF, #BEBEFD, #BA7AC5, #23678A, #25324F)
• Cerulean Courtyard color palette (#E3F2E6, #1F909F, #004356, #00231F, #000A15)
• Faded Meadow color palette (#DCF0E0, #3999CC, #004A87, #002F36, #040E39)

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