Petrol Courtyard color palette — #DAE6DC · #8BBAC6 · #008492 · #005C44 · #00242F

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

The five colors

• Parchment (#DAE6DC): bright and airy, almost weightless.
• Ash (#8BBAC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00242F): 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

• Antique Canyon color palette (#E3EDE5, #7AA9C0, #007095, #004A47, #001527)
• Worn Cerulean color palette (#E7F2E9, #9DCCE1, #0094BB, #006D64, #00314C)
• Ancient Pier color palette (#FBF4E9, #8ADDDA, #008A99, #00543E, #000F16)
• Cobalt Workshop color palette (#E4ECE6, #88B8DB, #2C73CD, #005767, #0F1551)
• Misty Pine color palette (#E9DBD7, #5BD6D2, #00A2C5, #268130, #00203D)
• Wandering Archive color palette (#F1F7F2, #CCDFF7, #57B3CD, #008E7B, #224D64)
• Ultramarine Corridor color palette (#DEE7E0, #7296B9, #1F4EB7, #003949, #06002B)
• Mulberry Boulevard color palette (#F4E0F3, #D85361, #008589, #9C002D, #002021)

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