Softworn Petrol color palette — #E9FBEA · #4CAB97 · #376BA9 · #674700 · #194351
A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FBEA): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#4CAB97): A luminous, balanced teal — the color of glacier melt.
- Slate (#376BA9): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#674700): A full-bodied, balanced gold — the color of old brass.
- Deep Teal (#194351): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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
- Muted Cocoa color palette (#FFF0F8, #76A677, #18758E, #7F3400, #194449)
- Washed Fern Delta color palette (#E8FAF3, #7FB0C2, #6E73A0, #545F2D, #374A58)
- Weathered Petrol Pier color palette (#FEF0DA, #4DABC1, #3C6CAB, #6D322E, #0B291E)
- Cypress Atelier color palette (#EDF9F0, #89BCAE, #408362, #296273, #294A41)
- Faded Cobalt color palette (#E6FCEA, #4DC2DE, #5187D0, #914C46, #264152)
- Wandering Ultramarine color palette (#EDE8B0, #008F92, #3524D7, #3F3900, #002E3D)
- Grape Pier color palette (#D5FFFA, #009BBE, #6F3BBC, #005518, #12375A)
- Cypress Orchard color palette (#F9F3F8, #C0E3F1, #5992B4, #20734F, #354867)
Browse the whole catalog at Explore, or see today's palette.