Petrol Courtyard color palette — #E7FAF5 · #FE9E7D · #1B6CAE · #003C69 · #00211A

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Melon (#FE9E7D): A luminous, balanced orange — the color of toasted spice.
• Slate (#1B6CAE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003C69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#00211A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged luxury, dark, 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

• Worn Blush color palette (#EAFAF1, #F89BB3, #00758F, #004252, #022113)
• Linen Sapphire color palette (#FEF0FE, #E8AE6D, #1E66C5, #043778, #261227)
• Tempered Cobalt color palette (#F0F5FF, #FFC9C9, #4C66B3, #1C2A59, #020716)
• Patina Quarry color palette (#E6D9E7, #D29569, #14559A, #002853, #130514)
• Honey Chapel color palette (#DFFDF1, #FFC531, #2799CE, #2C627F, #022117)
• Marigold Bloom color palette (#ECF7FF, #CB9900, #004E6F, #002A3E, #0F1323)
• Patina Driftwood color palette (#FDF2F6, #CED6AF, #8373A5, #52456C, #35262D)
• Cornflower Ridge color palette (#F9F3F8, #EAD5D3, #DAB9AA, #487EF6, #483B47)

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