Petrol Courtyard color palette — #F4ECF1 · #79BECD · #00719D · #005144 · #102D54

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

The five colors

• Blush (#F4ECF1): bright and airy, almost weightless.
• Cyan (#79BECD): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719D): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#102D54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Sapphire Delta color palette (#FAEAEF, #8BB6DC, #405FC1, #004E58, #2D264F)
• Washed Petrol Thicket color palette (#E8EADF, #6DC2D5, #007794, #004B4E, #001925)
• Washed Cerulean color palette (#E2F3F0, #72D5EC, #1994B6, #006B70, #003347)
• Weathered Orchard color palette (#FDF1F6, #A5D5F9, #4A7ADE, #00656E, #3C3A64)
• Weathered Lagoon Ridge color palette (#F8E9F4, #449FA2, #005265, #00321F, #001626)
• Azure Alley color palette (#FAF3F7, #D6E0F2, #65A0CA, #437A72, #475365)
• Tempered Azure color palette (#CCFBFC, #8FD2D0, #54A4DF, #4A620F, #003831)
• Worn Navy Corridor color palette (#E9DBE1, #3F8AAC, #003D72, #002222, #04002D)

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