Softworn Petrol color palette — #EFF6FD · #D7D8E7 · #A9BEDC · #0071AA · #35414C

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

The five colors

• Ivory (#EFF6FD): bright and airy, almost weightless.
• Silver (#D7D8E7): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A9BEDC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0071AA): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#35414C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Ancient Ridge color palette (#EAF3FA, #D5D4E5, #B9BED4, #0074A0, #1A2730)
• Muted Chapel color palette (#E8EFF7, #C2CDDD, #92A1BF, #00559C, #222F3D)
• Ancient Cerulean color palette (#EEF8F3, #F5DAE1, #DDBEBE, #0F92C5, #30453D)
• Antique Pier color palette (#F5F4FB, #DFD7DE, #B9A8A3, #817D9F, #52515B)
• Teal Dune color palette (#E5FAFB, #5CB6A1, #007A71, #005C63, #074539)
• Grape Chapel color palette (#F4F4FF, #D2D0E4, #AAA0C6, #7531A8, #303045)
• Indigo Delta color palette (#EFF6FF, #A3D9FF, #69A9FF, #7371FF, #202F61)
• Sunlit Driftwood color palette (#E3E3FF, #B8A5DC, #9C6CA9, #8A4645, #6D3D2B)

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