Softworn Petrol Hollow color palette — #EDF8F8 · #C0D7EF · #7597C6 · #1C749D · #273960

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

The five colors

• Ivory (#EDF8F8): bright and airy, almost weightless.
• Powder Blue (#C0D7EF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7597C6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#1C749D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#273960): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Softworn Petrol Hollow 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 Azure Veranda color palette (#DFFCFA, #98D4F3, #0096DA, #006F85, #00355C)
• Lagoon Study color palette (#EEF7F6, #CDDDF3, #62B2C7, #268A8B, #2A4C60)
• Hushed Petrol color palette (#E2F4F2, #55AFCA, #007093, #004950, #001624)
• Wandering Cobalt color palette (#FCF2F5, #ABC8E6, #5D73BC, #005E6B, #3B3459)
• Periwinkle Balcony color palette (#FAF4ED, #BFEBDE, #90AEFF, #009DB0, #4F2E41)
• Linen Moss color palette (#C5EFE8, #5AAC4F, #009BAB, #9E6C10, #00332F)
• Antique Driftwood color palette (#DEFDF8, #B9EED0, #91D7C4, #7E9963, #174B48)
• Antique Chestnut color palette (#FBDFEA, #C8A785, #A5744B, #814B2B, #1E3720)

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