Softworn Petrol color palette — #ECF0E5 · #7BB7EE · #3769A8 · #004B69 · #1C2C4F
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF0E5): a clean, paper-quiet neutral.
- Sky (#7BB7EE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3769A8): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#1C2C4F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Weathered Petrol Coast color palette (#EFF0DE, #6BC1C9, #007586, #00504D, #003441)
- Antique Coast color palette (#E6F3E8, #9FC9F0, #6086C8, #006880, #22265C)
- Hushed Market color palette (#EAEEDD, #3D9BC3, #004F74, #002E38, #001528)
- Iris Loft color palette (#F8ECE2, #ADDFD2, #8D9CF7, #009096, #382050)
- Cerulean Workshop color palette (#F4F6ED, #BEE8D0, #4195B7, #196E78, #2C5044)
- Teal Coast color palette (#F3F8DA, #90E0B4, #33B498, #4A6D29, #373932)
- Softworn Garden color palette (#E1EEE0, #168215, #006B77, #674500, #1F2200)
- Moss Hollow color palette (#EEEECF, #899800, #556A00, #2D4900, #003324)
Browse the whole catalog at Explore, or see today's palette.