Softworn Petrol color palette — #E9EADF · #9BBE9D · #007984 · #004C44 · #001A1F
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9EADF): a clean, paper-quiet neutral.
- Sage (#9BBE9D): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001A1F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Petrol Veranda color palette (#E8EBDD, #7EBED8, #0074A1, #004A55, #001829)
- Cerulean Hollow color palette (#F2F2EC, #AFD2B8, #008AA4, #005B5B, #002531)
- Muted Cerulean color palette (#E8E9DF, #1E869B, #004254, #001F21, #000103)
- Cocoa Lantern color palette (#F3EAD3, #766D00, #006F56, #862700, #0D0B00)
- Worn Moss Market color palette (#F8EDD0, #CAD088, #7BAB29, #795900, #261C00)
- Antique Amber color palette (#E4DECB, #AB9100, #6E5B00, #342900, #070500)
- Softworn Bronze Archive color palette (#EEE1D6, #B46C00, #7A4F00, #463100, #1E1500)
- Softworn Plum color palette (#F9E8D6, #AD7000, #AD2697, #623D00, #25001F)
Browse the whole catalog at Explore, or see today's palette.