Softworn Petrol Courtyard color palette — #EFF6FB · #D4D9E5 · #A5B6C5 · #1F6E83 · #313C42

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D4D9E5): bright and airy, almost weightless.
• Ash (#A5B6C5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#1F6E83): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#313C42): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Cerulean Corridor color palette (#F1F7F3, #D0DCDD, #CEBBBE, #0090A5, #333E36)
• Ultramarine Archive color palette (#EFF6FF, #CBD3E2, #9AA5CA, #2753B2, #273345)
• Driftwood Bloom color palette (#F2F5FC, #DBD8E0, #B7A8AA, #7282A1, #4F535A)
• Aged Abyss color palette (#DAE3EA, #ADBBC7, #8090A2, #004B65, #152129)
• Worn Cypress Alley color palette (#E9F9F7, #7AA887, #237354, #17564D, #073E3C)
• Tempered Dune color palette (#DFE3F0, #9699A9, #6D6D8B, #291964, #050818)
• Azure Alley color palette (#ECF7FF, #51DAFE, #2AAFF8, #4170C5, #013151)
• Ancient Cerulean Coast color palette (#D0F7F7, #358FBF, #325A95, #5B2A58, #16334B)

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