Petrol Courtyard color palette — #D7E9E6 · #73ADB3 · #007384 · #004A48 · #00171F

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

The five colors

• Frost (#D7E9E6): a clean, paper-quiet neutral.
• Blue Fog (#73ADB3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00171F): 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 Courtyard 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 Cobalt Summit color palette (#D5E4E2, #82BBD0, #007FAA, #005862, #002236)
• Muted Denim Chapel color palette (#DEEAE9, #6299BD, #005C97, #00394A, #00091B)
• Softworn Delta color palette (#EEF0E1, #5FC9D4, #007486, #003E3C, #000305)
• Worn Cerulean color palette (#EBF9F7, #87D9EE, #009BC2, #007178, #00384E)
• Byzantium Delta color palette (#CAEDFF, #00859E, #9125C0, #004E5D, #1B0029)
• Hazy Lagoon color palette (#D2F7FA, #00747C, #2D3FD9, #245900, #000A0B)
• Frosted Veranda color palette (#ECF8F8, #C1DEFD, #579BFC, #007BAC, #263C74)
• Hushed Chestnut Lantern color palette (#FCE4EB, #9D7536, #754600, #4B2500, #110A00)

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