Softworn Petrol color palette — #F5EBF2 · #83BDC2 · #007391 · #00523B · #0D304C
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Ash (#83BDC2): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#0D304C): A deep, shadowed, dusty blue — the color of open sky before noon.
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 Bloom color palette (#E9EAE0, #6CC3CB, #00788A, #004B48, #001921)
- Antique Cobalt Bloom color palette (#F9F3F7, #9FCDE2, #0082B6, #006153, #263C57)
- Faded Sapphire Pier color palette (#F7EAF0, #80BADA, #0065C7, #004F51, #252854)
- Ancient Turquoise Field color palette (#F5EDE1, #A1E0E6, #2BB6D6, #00937E, #003248)
- Worn Courtyard color palette (#EBF3FF, #D3BCED, #CE81AF, #005D84, #252E4D)
- Patina Coast color palette (#F9F3F8, #D4E1F3, #59A3C6, #3A7D6A, #445466)
- Cerulean Bloom color palette (#F9E8F2, #2F8DA6, #004064, #00231F, #00032A)
- Dusty Nightshade Thicket color palette (#FAE7ED, #5795CB, #2438A9, #002F36, #160637)
Browse the whole catalog at Explore, or see today's palette.