Petrol Terrace color palette — #F9EBE6 · #7EBEC4 · #00719A · #00532F · #0E2B5F

Peacock and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Ash (#7EBEC4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#0E2B5F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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 Corridor color palette (#F5EDE4, #8EBDAF, #5460AC, #004F52, #391C57)
• Cobalt Coast color palette (#FEF2EC, #ADCEB9, #3A7EB2, #00624A, #2F375D)
• Petrol Courtyard color palette (#E1EDE3, #73C2CA, #007790, #004C41, #001926)
• Denim Dune color palette (#F4E6DD, #73A7BD, #0055A7, #003F36, #1C0E52)
• Softworn Villa color palette (#F8E9F6, #7EE6F0, #42B1E4, #3F9163, #162D54)
• Cobalt Cabin color palette (#FAF4EF, #C7E4D9, #6D89C6, #00716C, #5F3B4D)
• Timeworn Navy color palette (#F2E6DF, #638B75, #003E6E, #00231B, #06002B)
• Frosted Nightshade Study color palette (#FFEFF3, #E3B5AA, #D7913E, #4A4EA5, #502034)

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