Softworn Petrol color palette — #E5F6F4 · #87C7D8 · #007DA0 · #005157 · #001D2C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E5F6F4): a clean, paper-quiet neutral.
- Sky (#87C7D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Powdered Sapphire Grove color palette (#DFF8F7, #98C0E3, #0071D3, #004D6A, #00124B)
- Softworn Drift color palette (#E9F5F2, #A1DDD8, #009599, #006453, #002B30)
- Powdered Petrol Chapel color palette (#FFF2EB, #5DC8E3, #0076AC, #00574C, #0E2F69)
- Navy Grove color palette (#D1E5E4, #497FA2, #003E69, #001E28, #000105)
- Antique Denim Hollow color palette (#E2F0EF, #6EA5BA, #006082, #003840, #000C17)
- Turquoise Harbor color palette (#CBFFEE, #6DEADD, #00C1CF, #00754E, #00231D)
- Washed Station color palette (#FEF1F9, #D5D8F4, #00A4EE, #007466, #001E5B)
- Pine Summit color palette (#DAEBDE, #008848, #007088, #674E00, #001306)
Browse the whole catalog at Explore, or see today's palette.