Softworn Petrol color palette — #EFF0E2 · #76C0C3 · #007683 · #00504A · #00343F
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF0E2): a clean, paper-quiet neutral.
- Mint Leaf (#76C0C3): A luminous, dusty teal — the color of sea glass.
- Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00343F): 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 (#EFE8DD, #9ABE9E, #00788C, #004D3F, #001924)
- Softworn Turquoise color palette (#E6E9DA, #4FACCB, #005F81, #003D45, #002236)
- Tempered Cerulean Ridge color palette (#E7F2E9, #9ECDDC, #0096AF, #006E5B, #003346)
- Petrol Workshop color palette (#EBF1E2, #82B6EA, #3868AA, #004B6A, #1D2C50)
- Feathered Corridor color palette (#CFFBE0, #69CEFD, #66A7E6, #006773, #12382A)
- Ash Villa color palette (#F5F6EE, #C1ECE4, #65A4B3, #3C7B78, #365143)
- Lapis Loft color palette (#CAEBF3, #00788C, #504ABD, #005E22, #00242B)
- Olive Dune color palette (#CCE6CD, #009193, #786B00, #005456, #2F2900)
Browse the whole catalog at Explore, or see today's palette.