Petrol Terrace color palette — #DBE6DD · #78BFC5 · #00829C · #005B4D · #002333

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

The five colors

• Parchment (#DBE6DD): bright and airy, almost weightless.
• Mint Leaf (#78BFC5): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#00829C): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002333): 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

• Muted Workshop color palette (#E1EBE2, #78BAE1, #0077CC, #005763, #0A1B48)
• Timeworn Cerulean Thicket color palette (#F5F6EA, #B1D7B8, #00899C, #00524E, #000F15)
• Chalky Azure Quarry color palette (#F2E1D9, #8DCDD2, #00A1CA, #00805E, #00213A)
• Turquoise Meadow color palette (#EADEE8, #1EB3BC, #006080, #004120, #011C48)
• Aged Market color palette (#E8FBEC, #97D3F8, #0B8EF6, #00707F, #1D2F61)
• Frosted Turquoise Corridor color palette (#EFF8F1, #9CEAF7, #00ABD6, #008478, #164460)
• Patina Garden color palette (#E9E0C1, #8B7200, #007689, #950086, #171100)
• Powder Courtyard color palette (#F1F7F2, #DBDDEC, #91B2EC, #5490A4, #4A5264)

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