Petrol Terrace color palette — #E2F3F0 · #76BFC8 · #007588 · #00504E · #003442

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

The five colors

• Cream (#E2F3F0): a clean, paper-quiet neutral.
• Cyan (#76BFC8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• 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 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

• Timeworn Petrol color palette (#F3E4EF, #6CC3CD, #007698, #004D39, #00172D)
• Cerulean Chapel color palette (#EDF8F6, #A1CCE2, #0085A7, #005F65, #114055)
• Periwinkle Lagoon color palette (#D9F1FF, #7ECFFF, #60A3FF, #006F7E, #15384E)
• Worn Field color palette (#D2EDE9, #00A8A7, #006D71, #00444C, #0F283E)
• Sapphire Parlor color palette (#E6F1F1, #95B5D5, #1B65C3, #004B6A, #1B2B54)
• Washed Lagoon Station color palette (#F6EAF4, #9FE0E7, #57B0DC, #3C9263, #152C55)
• Worn Byzantium Canyon color palette (#C7E3F1, #008DA8, #9923C6, #005263, #391748)
• Airy Grape color palette (#DAEFFE, #00769B, #6F23D2, #005C3E, #002331)

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