Softworn Petrol Canyon color palette — #F1E7E1 · #96BEA9 · #1A70AE · #004C47 · #071039

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

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#96BEA9): A luminous, dusty teal — the color of glacier melt.
• Slate (#1A70AE): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#071039): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Pier color palette (#F8F0EA, #AAD2C2, #587DB2, #005B5E, #1A1B40)
• Aged Petrol Workshop color palette (#EDF0E3, #84BAD0, #00719B, #004E59, #00314D)
• Tempered Ridge color palette (#F0E4D7, #79A1C4, #3751A3, #003840, #0D002A)
• Wandering Azure Pier color palette (#EBF8F7, #C9E0FF, #009ED6, #006876, #002136)
• Softworn Atelier color palette (#C8E5E1, #2EAC95, #006860, #002B26, #000604)
• Navy Balcony color palette (#EEE3D9, #4B7EA2, #103482, #001F22, #01000A)
• Muted Cypress Studio color palette (#F6F0EC, #CBE0E0, #7C9FC7, #1E7A79, #442E3E)
• Pale Garnet color palette (#D3E4D1, #007B78, #823996, #910028, #000E0D)

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