Petrol Courtyard color palette — #F8EEF9 · #76A7E0 · #40A46C · #1A66B0 · #013019

Cobalt takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8EEF9): bright and airy, almost weightless.
• Cornflower (#76A7E0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Kelly Green (#40A46C): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#1A66B0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#013019): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Washed Grape Courtyard color palette (#FEEDF3, #AF93DC, #00A0AD, #7250A2, #102F19)
• Soft Garden color palette (#EFF6FF, #89B9FF, #5DBB8A, #5A81BB, #1A4B4B)
• Lilac Boulevard color palette (#E6F7EC, #4BB4CA, #A972CB, #007184, #3C1B27)
• Linen Raspberry Boulevard color palette (#FFEBFA, #7089D5, #AD5F9D, #007A82, #291726)
• Hazy Periwinkle Summit color palette (#EFF6FF, #6F9DF8, #B77A33, #4464A2, #5A3643)
• Patina Station color palette (#FEE7F7, #6673FF, #008471, #3700D5, #001B16)
• Muted Mulberry Corridor color palette (#F8E3E5, #C46DB4, #0086BB, #891E7B, #001F2F)
• Faded Lapis Summit color palette (#FFEBF8, #959CE7, #D16971, #5656B6, #3E1D13)

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