Petrol Courtyard color palette — #DFEAF4 · #9E9EB5 · #8A839C · #0C6B96 · #010A15

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Frost (#DFEAF4): a clean, paper-quiet neutral.
• Blue Fog (#9E9EB5): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8A839C): A luminous, dusty violet — the color of wild irises.
• Peacock (#0C6B96): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#010A15): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Canyon color palette (#E3EFF7, #9CA5B4, #82849F, #004C65, #010B13)
• Timeworn Indigo color palette (#E2E4F0, #BAAABB, #A68F9F, #7F5EAC, #111223)
• Wandering Onyx color palette (#E6EFEB, #81928D, #786376, #002D45, #000201)
• Weathered Cornflower color palette (#D5E8FF, #7179CA, #765781, #5F3947, #111000)
• Lagoon Boulevard color palette (#D6F7F3, #00A079, #007169, #005162, #000808)
• Linen Nightshade Grove color palette (#EEE2CA, #0081C5, #5145B1, #5D2A00, #00030F)
• Ash Summit color palette (#E9EFF7, #D5D0E1, #BFB3C9, #7394C3, #252F3A)
• Hushed Canyon color palette (#E3F0FE, #0074C8, #960073, #4B3000, #000201)

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