Petrol Terrace color palette — #ECF7FF · #A5E2AC · #016C94 · #002C3F · #00040A

Peacock takes the lead with Mint close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Mint (#A5E2AC): A whisper-light, balanced green — the color of fresh herbs.
• Peacock (#016C94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002C3F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00040A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Coast color palette (#EFF6FF, #B7F6D8, #5876AB, #263953, #09101A)
• Timeworn Denim color palette (#DFEDE9, #D28C6D, #00497A, #001D36, #000705)
• Patina Denim color palette (#F0F5FF, #FFBBC4, #555F93, #192645, #01030E)
• Weathered Meadow color palette (#E3F0FE, #F3BA9A, #3E8ECB, #215B85, #081724)
• Aged Jade color palette (#E2F3EC, #6BAE72, #004965, #002536, #001617)
• Sunlit Thicket color palette (#F0F6FE, #BAD0FF, #9877C6, #4D71C8, #040315)
• Mulberry Garden color palette (#F6F3FF, #FFCBBA, #904E8F, #451B45, #0A0318)
• Quiet Villa color palette (#F2F5FF, #FFA7AB, #5A37BB, #220058, #010008)

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