Tempered Petrol Terrace color palette — #F4ECF1 · #7EBFBF · #00748B · #005333 · #04314A

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Mint Leaf (#7EBFBF): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#04314A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Petrol Loft color palette (#EAEBDA, #7CC1C2, #007983, #004C44, #001A1F)
• Weathered Cerulean color palette (#FAF3F8, #9FCDDF, #0084AC, #00624C, #1F3D5A)
• Worn Denim color palette (#F1E5ED, #56ACC3, #005D8A, #003F37, #051C47)
• Sapphire Station color palette (#F5EBEF, #83B9DB, #1D62CA, #004F53, #282852)
• Aged Delta color palette (#F4EEE4, #BBDEBC, #00B8D0, #029475, #003344)
• Hushed Turquoise color palette (#F9F3F7, #D5D6ED, #5EA4BE, #3E7D64, #425567)
• Timeworn Terrace color palette (#EAD7E9, #C7535B, #007981, #8C0024, #003033)
• Pale Navy Coast color palette (#EEDFE5, #5297C3, #003FA5, #002F33, #110839)

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