Softworn Petrol color palette — #E7F4FB · #8DBBD2 · #93A56A · #007F98 · #2C360C
Cerulean takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7F4FB): a clean, paper-quiet neutral.
- Ash (#8DBBD2): A luminous, dusty blue — the color of deep harbor water.
- Moss (#93A56A): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#007F98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#2C360C): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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
- Cobalt Pier color palette (#ECF2FC, #9EB4D8, #5DAE93, #4A6CC2, #023B2C)
- Pine Coast color palette (#E3F6F7, #86C2AC, #BD945B, #008666, #442B02)
- Softworn Chestnut color palette (#EAF5EB, #A8C3AF, #6E8C72, #6E522E, #1D3126)
- Stone Market color palette (#EDF9F1, #83D2E6, #A9BB6C, #309BB2, #4E4D46)
- Coral Cabin color palette (#E9FAF2, #6DBBDF, #D97A6B, #1C7DA1, #534B48)
- Cobalt Grove color palette (#E8F3FE, #8FB8DB, #C087AC, #0D77B8, #372A47)
- Muted Ash color palette (#E8F4FD, #D4D6E4, #C9B1CE, #679CB1, #2B3947)
- Pine Lagoon color palette (#E3F5FF, #63A7BC, #8784C8, #358C56, #102B37)
Browse the whole catalog at Explore, or see today's palette.