Softworn Petrol color palette — #F4EDE3 · #75B9EA · #3769AA · #004E5C · #232B4C

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

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sky (#75B9EA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3769AA): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#232B4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. 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

• Patina Aqua Alley color palette (#F5EDE2, #5BC4C8, #007588, #005142, #003345)
• Gentle Basin color palette (#F2E7DC, #8CC0AF, #3B67BB, #004A50, #14093D)
• Timeworn Chapel color palette (#FBE9F0, #9FCAEB, #6585C4, #006B73, #2A2557)
• Periwinkle Hollow color palette (#E4F2F1, #AED9F9, #66A9EC, #008BB3, #042B60)
• Quiet Cerulean Study color palette (#FBF4E9, #73E1F2, #008DB0, #00675E, #17445F)
• Worn Cerulean Studio color palette (#EADFCF, #3E9CBD, #004F76, #002F32, #00132F)
• Antique Turquoise color palette (#9BF2F8, #00ABB5, #005D60, #003234, #001D1F)
• Airy Orchard color palette (#D9F7D5, #6ED6F1, #5B9FD9, #266D53, #1A3524)

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