Petrol Courtyard color palette — #D7E6DA · #71ABC4 · #006CA5 · #00494E · #001231

Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Parchment (#D7E6DA): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71ABC4): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00494E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001231): 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

• Hazy Cobalt color palette (#E1EDE3, #96B5D2, #3F73C4, #005669, #131451)
• Patina Denim Chapel color palette (#DFEDE1, #5C9FA3, #006374, #003D31, #000B12)
• Petrol Parlor color palette (#F7EDDD, #76C2E2, #006DA6, #003D41, #00020B)
• Navy Thicket color palette (#F0DFE8, #3A9CBE, #00498C, #003128, #11083A)
• Worn Cornflower color palette (#EDDED4, #39C0ED, #0482EF, #006F5E, #11033F)
• Azure Parlor color palette (#F1F7F2, #B8D9F2, #639ACE, #007A87, #253963)
• Hazy Forest Lagoon color palette (#C8E9E1, #45C2CD, #41A2D5, #00692F, #001D1D)
• Plum Pier color palette (#C3EFF3, #008C6E, #B80068, #00523F, #240010)

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