Petrol Courtyard color palette — #F0E6EA · #84BCD9 · #2D6CB2 · #004B4B · #0E0F38

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F0E6EA): bright and airy, almost weightless.
• Sky (#84BCD9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2D6CB2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0E0F38): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Petrol Archive color palette (#E2F2F1, #98B6CB, #006FA4, #004D5D, #003054)
• Worn Cobalt Thicket color palette (#FBEEF2, #ACCBE7, #627BAE, #005A63, #1E1940)
• Patina Abyss Lagoon color palette (#F2E5ED, #7EC2BD, #00788A, #004F28, #001926)
• Petrol Courtyard color palette (#F8EFF2, #D8D0E4, #879EBD, #447382, #2D354B)
• Dusty Coast color palette (#FCEAF6, #5794A4, #004F74, #002C26, #000313)
• Hushed Ridge color palette (#C9F1F3, #6AD0E6, #6C9FE4, #3A642D, #001E1F)
• Patina Teal color palette (#CBE7E6, #00AAA2, #006662, #002F2E, #000706)
• Navy Delta color palette (#DDE8DC, #537CA4, #202E88, #001E24, #020008)

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