Softworn Petrol Courtyard color palette — #C8E6E0 · #5097A4 · #3C6B94 · #5D343D · #33152C

Slate takes the lead with Storm Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#C8E6E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#5097A4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3C6B94): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5D343D): A deep, shadowed, dusty red — the color of a theater curtain.
• Deep Indigo (#33152C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Worn Grove color palette (#D6E5D9, #44AA98, #056B7A, #463E5A, #370917)
• Antique Cerulean Canyon color palette (#C1EDF7, #5490BE, #525F82, #4B3244, #331B00)
• Softworn Petrol color palette (#C7F3F0, #7DA4BC, #5B749A, #5F4561, #3D2031)
• Patina Cobalt color palette (#D1F7F9, #1580B3, #3D5289, #51211F, #240717)
• Softworn Aqua color palette (#DDFCD3, #66D0D0, #7082B0, #6A4558, #3B1C2D)
• Weathered Cerulean Delta color palette (#D4EDEE, #0091A3, #005C75, #00364E, #00152B)
• Cocoa Pier color palette (#D9F7DD, #86A68C, #3F6B95, #703C04, #423600)
• Feathered Iris color palette (#D8F0FF, #839AE9, #6E5699, #63380F, #2E2400)

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