Petrol Courtyard color palette — #EDF4EE · #D8DBEE · #879EBE · #3E7385 · #2C364B

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#879EBE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3E7385): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2C364B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Cerulean Lantern color palette (#EDF4EE, #B9E5F0, #429CA8, #2C6C55, #033044)
• Aged Veranda color palette (#E3ECE5, #90BAD0, #0074A1, #004B4B, #00172D)
• Ancient Atelier color palette (#F9F4EF, #CDE3E6, #8D97BF, #247D7F, #684755)
• Tempered Lantern color palette (#E0F7FC, #7FC1BD, #C9888D, #1E827D, #3D293E)
• Tempered Ash Pier color palette (#E2F6FC, #D0D8E7, #B9A4AF, #699AA0, #263C46)
• Linen Drift color palette (#D7E3D9, #6DA3CA, #0255AC, #003843, #040032)
• Hushed Bloom color palette (#C3F5F2, #83CCB4, #3E978C, #0E6363, #193B48)
• Ancient Studio color palette (#D6E3D9, #24888A, #00444E, #002018, #000203)

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