Softworn Petrol color palette — #F2F9D8 · #9DDBC7 · #3EB1AC · #00819E · #27594C
Cerulean and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#F2F9D8): A whisper-light, dusty green — the color of new leaves after rain.
- Lagoon (#9DDBC7): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#3EB1AC): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#27594C): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Balance. 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
- Lagoon Market color palette (#DBFDFF, #7BCBBE, #009A9D, #177280, #395667)
- Softworn Lagoon color palette (#FFF4DD, #BFD09E, #70B17B, #00876A, #3A563F)
- Petrol Bloom color palette (#E5FCEC, #BCE9D0, #5DABBD, #00708C, #003E4A)
- Powdered Grove color palette (#EFFBDA, #8ED1C6, #48B2C9, #2E7BAD, #684A66)
- Dusty Cerulean Harbor color palette (#EDF8F1, #91D0E2, #E399A5, #009CBA, #694138)
- Teal Boulevard color palette (#C8E7D8, #00C8BC, #009BBC, #00659A, #183577)
- Cypress Grove color palette (#CCE7D6, #007767, #004F55, #002634, #000626)
- Worn Glacier color palette (#F5F3C0, #FFCE8F, #76DAFF, #3F594C, #28352F)
Browse the whole catalog at Explore, or see today's palette.