Softworn Petrol color palette — #EAF9F8 · #DBDDE8 · #7EA9DD · #18789F · #1B2F4A

A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF9F8): bright and airy, almost weightless.
• Silver (#DBDDE8): bright and airy, almost weightless.
• Cornflower (#7EA9DD): A luminous, balanced blue — the color of open sky before noon.
• Slate (#18789F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#1B2F4A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Muted Petrol Field color palette (#E2F2F0, #77C4DA, #007293, #003D42, #000306)
• Cerulean Archive color palette (#FCF2F5, #CAE3FB, #93B0F4, #009DAE, #393263)
• Hushed Cerulean Station color palette (#ECF8F6, #CBDFFF, #35A0BF, #00696D, #002230)
• Timeworn Summit color palette (#F8F0E9, #A5CDEE, #5C79BE, #005A64, #321526)
• Aged Corridor color palette (#F5F4FF, #C48DD9, #D77572, #3F82C4, #26102F)
• Feathered Violet Pier color palette (#F4F4FF, #D5AAFA, #19BACF, #9058BB, #002E35)
• Worn Lagoon Lagoon color palette (#ECF8F5, #8FDBDB, #008B95, #005249, #001013)
• Weathered Ash color palette (#F5F3FF, #ECD8DB, #E3BA9D, #AA8DC2, #352B48)

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