Petrol Courtyard color palette — #F2E5EC · #91BAD1 · #2E71A0 · #004C45 · #04113B

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F2E5EC): a clean, paper-quiet neutral.
• Ash (#91BAD1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2E71A0): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#04113B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Petrol Villa color palette (#E5F1F0, #84BBCD, #007297, #004E57, #00324B)
• Hushed Drift color palette (#F7E7EC, #7BA1C0, #3252A2, #00383F, #0C002B)
• Timeworn Forest color palette (#F9EEF5, #A4DAE6, #0093A6, #006733, #00293B)
• Softworn Azure color palette (#F4F7E9, #BFEEFF, #2A9ECD, #006874, #002134)
• Worn Garden color palette (#F7EFF3, #D7D1E6, #809FC0, #367775, #2C3649)
• Washed Denim color palette (#F1DFED, #4A97A0, #00516A, #002D21, #00040E)
• Patina Summit color palette (#F5E8ED, #427FA6, #003484, #001F21, #01000A)
• Pale Plum Delta color palette (#F3E7FF, #AD337D, #00704B, #005951, #1B000F)

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