Softworn Petrol color palette — #E6F1E8 · #80BEBD · #008493 · #005B45 · #00242F
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F1E8): bright and airy, almost weightless.
- Mint Leaf (#80BEBD): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Market color palette (#E3EFE5, #65AEC1, #007096, #004A48, #001528)
- Cerulean Bloom color palette (#FEF4E4, #75E0DE, #008A9A, #00533F, #000F16)
- Ancient Cerulean color palette (#E9F1EA, #9ECCE0, #0094BC, #006D65, #00314D)
- Periwinkle Workshop color palette (#D2E3EA, #87CCEC, #76A7ED, #007C69, #002731)
- Sunlit Cobalt color palette (#E6F3E8, #87B8D7, #1E77C7, #005764, #071653)
- Pine Orchard color palette (#FDEAE4, #6DD3D3, #00A1C9, #1F8238, #01203F)
- Quiet Loft color palette (#EDF9EF, #A2E9ED, #00AECA, #00856E, #00465F)
- Patina Scarlet color palette (#CDEBF4, #00999D, #CA363D, #005F61, #3A0005)
Browse the whole catalog at Explore, or see today's palette.