Petrol Courtyard color palette — #F3F7ED · #B8DED4 · #6897D9 · #0075A4 · #2A395E

Slate and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Silver (#B8DED4): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#6897D9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#0075A4): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A395E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Misty Azure color palette (#F3F8E5, #98D4F5, #0095DE, #006F86, #00345E)
• Washed Turquoise Harbor color palette (#F5F6ED, #C5DBC7, #37A6B6, #007D74, #004250)
• Washed Petrol color palette (#ECEFDF, #60AEC7, #007094, #004951, #001624)
• Dusty Cerulean color palette (#EFF8EE, #C8E4FF, #9AAFEF, #309BAE, #323859)
• Ancient Cobalt color palette (#FAF4ED, #A1D0C4, #5B72C3, #005E6B, #4F2F40)
• Softworn Pier color palette (#EFF1D7, #85B970, #1EA2D8, #398600, #003B52)
• Cypress Coast color palette (#E0E0D0, #7D9C7C, #00656B, #003C34, #000C0F)
• Powdered Jade Study color palette (#E4E8CA, #65A95E, #009BAB, #9F6C00, #173314)

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