Hushed Petrol Courtyard color palette — #EDF4F0 · #C7DCDD · #9ACBBD · #007794 · #1B2822

A conversation between Teal and Stone, giving this palette its sense of trust and stability.

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#C7DCDD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Stone (#9ACBBD): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1B2822): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Hushed 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

• Washed Petrol Delta color palette (#EBF4F1, #E2D3D8, #C5B0C1, #396990, #192320)
• Ancient Petrol color palette (#EEF7FB, #D5DAF0, #AEBDD8, #00778A, #2F434D)
• Aged Cerulean color palette (#F0F7F2, #C6DBE8, #C6C2AE, #01A3BB, #29392F)
• Inked Cobalt color palette (#CFEAE2, #006FB7, #112851, #001510, #000503)
• Faded Studio color palette (#F1F5DE, #65BD89, #007E5C, #005950, #002814)
• Driftwood Harbor color palette (#F7EFF2, #DED4D2, #B6ACA3, #9C7686, #3B3437)
• Indigo Thicket color palette (#DCE4F1, #A7AEE0, #7E64B6, #6C3B4A, #491C1D)
• Patina Harbor color palette (#F9EEF4, #E5CCD6, #B8A0CA, #5C3CBD, #24141D)

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