Petrol Terrace color palette — #D9E2DA · #9CB6B5 · #7C9EA2 · #008189 · #0A180C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D9E2DA): bright and airy, almost weightless.
• Ash (#9CB6B5): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#7C9EA2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#008189): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#0A180C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Ancient Pine color palette (#E6EADE, #A4B4AC, #829D95, #00884A, #121603)
• Aged Lagoon color palette (#E0F0E9, #C6AFB7, #B59298, #007BAA, #061811)
• Hushed Pier color palette (#DEE8DE, #A2BBB0, #A48D9F, #005F5F, #071808)
• Cerulean Loft color palette (#E8F1F5, #8FA3AF, #5E809D, #003E42, #000508)
• Feathered Boulevard color palette (#F1EEE0, #7CA662, #1E8548, #01645B, #061400)
• Softworn Ash Workshop color palette (#C7E4EE, #848DBE, #6F719F, #6F4032, #301C00)
• Garnet Hollow color palette (#FAE8CB, #009AAC, #006BB5, #890022, #000E14)
• Chalky Grape Garden color palette (#CEEBD8, #0090A9, #8632B8, #722900, #020A00)

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