Petrol Terrace color palette — #DFEDEA · #74ACB8 · #00728B · #004A4C · #001721

Built around Teal, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DFEDEA): bright and airy, almost weightless.
• Blue Fog (#74ACB8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001721): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Summit color palette (#E2F3F1, #93B7CF, #007DB5, #005767, #00213B)
• Chalky Iris Study color palette (#CFEBFF, #7EB1DA, #6492E3, #00687D, #001826)
• Aqua Market color palette (#EDF0DD, #58C8DF, #00738E, #003D40, #000306)
• Antique Lantern color palette (#F7E9F3, #409EB0, #005071, #003128, #001330)
• Worn Meadow color palette (#DAE6E6, #7197B9, #0056A8, #00384E, #000428)
• Muted Cobalt color palette (#FAE4DA, #2EC4DE, #008EC4, #006F5D, #001330)
• Olive Studio color palette (#DAF1FD, #00869D, #626E00, #004E5C, #0E1100)
• Dusty Cerulean color palette (#DBF1FE, #0095C7, #005A7B, #002C3F, #000204)

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