Softworn Petrol color palette — #F5EBF2 · #80BEBF · #00748C · #005235 · #00314D
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Mint Leaf (#80BEBF): A luminous, dusty teal — the color of glacier melt.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005235): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: 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
- Petrol Ridge color palette (#E9EAE2, #80C0C2, #007985, #004C45, #001A20)
- Petrol Parlor color palette (#F9EAF0, #8DB7D5, #4467A5, #004F55, #2A2850)
- Ancient Cerulean Boulevard color palette (#E2F3EF, #A2CCDA, #0098A6, #006D64, #00343E)
- Timeworn Forest Loft color palette (#DEF7FF, #93C4EA, #9091CC, #006847, #003545)
- Timeworn Cobalt Cabin color palette (#FEF1F8, #A0D8EF, #2A84CC, #006762, #2E3D6B)
- Airy Lagoon color palette (#FAEBE4, #BCDDBE, #00B6DB, #009664, #00314D)
- Cypress Archive color palette (#FAF3F8, #D5D6EB, #6FA1B6, #497A67, #435466)
- Quiet Plum Summit color palette (#C8E3EE, #008F9E, #B53156, #00535C, #51011D)
Browse the whole catalog at Explore, or see today's palette.