Softworn Petrol color palette — #EFF0E4 · #97BC9E · #007586 · #00504D · #003441
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#EFF0E4): a clean, paper-quiet neutral.
- Sage (#97BC9E): A luminous, dusty teal — the color of sea glass.
- Teal (#007586): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Worn Corridor color palette (#EDF0E3, #86B9D4, #006FA5, #004D5E, #002F54)
- Cypress Station color palette (#F5F6EF, #C9E4DF, #7AA58B, #007F7F, #335243)
- Timeworn Cerulean color palette (#F4EBF2, #8BD2D9, #0094BC, #006F53, #0C304D)
- Tempered Turquoise color palette (#DFF4F0, #79E7F2, #1AB8D1, #00918C, #003441)
- Powdered Forest Harbor color palette (#EDF8DC, #88D7C3, #00AFAD, #166D31, #003A2C)
- Worn Pier color palette (#F4F6EE, #C2E5D8, #578FC0, #006D89, #304969)
- Dusty Jade Field color palette (#BDF5D8, #3CAF81, #006643, #003421, #001B0F)
- Cerulean Parlor color palette (#E1E3D8, #438BA1, #004359, #002226, #000B14)
Browse the whole catalog at Explore, or see today's palette.