Softworn Petrol color palette — #EBF9F4 · #EED9E0 · #CCB3C8 · #0F70AC · #30453F

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Shell Pink (#EED9E0): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#CCB3C8): A luminous, dusty pink — the color of peonies in June.
• Slate (#0F70AC): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#30453F): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Cobalt color palette (#EDF7FF, #D8D8E9, #C1BBD0, #228FCC, #35414B)
• Tempered Corridor color palette (#FBF2F6, #EDD4D1, #D5B1BA, #6D5CA6, #4C3943)
• Muted Cypress Grove color palette (#F0F7F0, #C2E4DE, #A7C4B3, #007A7B, #394339)
• Patina Denim color palette (#F2ECF3, #D8C5D5, #AF99A7, #27558E, #342A34)
• Driftwood Harbor color palette (#FCF2F4, #E3D7D3, #AEAFA2, #9D757E, #595051)
• Tempered Lilac Chapel color palette (#E7E9FF, #A997D8, #92759D, #7D5051, #5F411E)
• Frosted Violet Ridge color palette (#FFF0FD, #A0D6FF, #82B1FF, #7B63E5, #253166)
• Olive Quarry color palette (#FEF4DD, #A7A957, #617300, #1C5D4F, #3C3B34)

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