Softworn Petrol color palette — #EAF4F7 · #91D0D5 · #787EB0 · #1C8087 · #12161F

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

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Ice Blue (#91D0D5): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#787EB0): A luminous, dusty violet — the color of a velvet chair.
• Teal (#1C8087): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#12161F): quiet, heavy and certain.

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

Use it as a design system

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

• Pine Quarry color palette (#EAF4F4, #A4D0B1, #3B8FA2, #418158, #0B181D)
• Ancient Cobalt Balcony color palette (#F2F7F1, #B0C9A7, #7B73B4, #007F71, #392831)
• Patina Turquoise color palette (#E7F6EA, #75B5D4, #6676A7, #714535, #1C2E3E)
• Cerulean Grove color palette (#F1F7F2, #A1DEE2, #9394D3, #009FA8, #372932)
• Denim Workshop color palette (#E2F5FF, #93C1E1, #6A8AB3, #45548C, #322358)
• Softworn Cerulean color palette (#ECF3F8, #D5D6DD, #B2ABB3, #5F89A1, #31373B)
• Worn Workshop color palette (#ECF2FD, #9CB2E9, #9D5990, #4A61A2, #100B19)
• Pewter Chapel color palette (#E8F4FA, #4BA2AE, #96587B, #6F481D, #051D1B)

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