Softworn Petrol color palette — #E9F9FA · #78C2AC · #4898B3 · #57659D · #3A491C
A conversation between Slate and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F9FA): a clean, paper-quiet neutral.
- Mint Leaf (#78C2AC): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#4898B3): A luminous, balanced blue — the color of open sky before noon.
- Slate (#57659D): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3A491C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged muted, cool.
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
- Seafoam Orchard color palette (#F2F8E8, #86E2B3, #4CA9BB, #576A95, #3A3932)
- Dusty Petrol Market color palette (#EAF8FB, #75C2B5, #5295BA, #655EA5, #483B5B)
- Lagoon Boulevard color palette (#EFF7F5, #CFE1F2, #7EBEC2, #479786, #3B5763)
- Mulberry Parlor color palette (#ECF7FF, #5AAFDC, #7B77BA, #883E76, #00413F)
- Ancient Teal color palette (#E6F5F6, #5DAE8B, #435D61, #293C3C, #1B2323)
- Muted Pewter color palette (#EFF6FC, #85B9D8, #8786B9, #89547D, #603430)
- Muted Petrol Hollow color palette (#EEF8F4, #989E5A, #2B799D, #763F59, #553849)
- Wandering Pewter Workshop color palette (#F0F7F2, #C1B17A, #6E9972, #955064, #5D381C)
Browse the whole catalog at Explore, or see today's palette.