Softworn Petrol color palette — #C3F0E7 · #008591 · #004D5F · #001B2D · #000106
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C3F0E7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008591): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001B2D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000106): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aged Cerulean Villa color palette (#DBF1F6, #008BA7, #006884, #004863, #000F1A)
- Twilit Pine color palette (#DEE7DB, #008354, #004538, #001817, #000102)
- Hushed Chestnut color palette (#CDEEDE, #007698, #7E4300, #003040, #030100)
- Eclipse Parlor color palette (#D6E6EA, #0071A2, #003C71, #0B005B, #020007)
- Weathered Cocoa color palette (#D7F0E7, #005B85, #6F3300, #4A2800, #000103)
- Quiet Alley color palette (#FDE3D1, #8B9D00, #0062B2, #0B0B15, #000104)
- Shadow Pewter Thicket color palette (#F6E4C6, #75773D, #4B3900, #1F0D00, #010200)
- Washed Loft color palette (#D7EFFF, #0070C0, #2B00AE, #180044, #020006)
Browse the whole catalog at Explore, or see today's palette.