Softworn Petrol color palette — #F7EAF2 · #7FBCCD · #006DAF · #00523E · #232954
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Ash (#7FBCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DAF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#232954): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Tempered Cobalt color palette (#FDF1F7, #A2CBE7, #3B77CE, #006156, #313955)
- Washed Petrol Chapel color palette (#F0E8DB, #6DC1D9, #0074A1, #004B4B, #00172D)
- Sunlit Ultramarine color palette (#EEDEE4, #6BA5D0, #354AB2, #003E3D, #25143F)
- Sunlit Sapphire color palette (#D6E6FF, #4162C9, #376E00, #00553D, #111D3E)
- Hazy Hollow color palette (#E5EEFF, #E2B7EC, #EB8177, #006587, #323550)
- Dusty Cerulean Drift color palette (#F1E7F0, #38A0A8, #00516D, #003218, #001135)
- Worn Sky color palette (#F8ECE5, #B4DFC5, #4CAEEB, #009282, #112B5A)
- Dusty Archive color palette (#F8F3F9, #B7E5F1, #4097B0, #406F40, #304A64)
Browse the whole catalog at Explore, or see today's palette.