Softworn Petrol color palette — #E6FAF7 · #66C8DC · #007A96 · #005559 · #00384D
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#E6FAF7): A whisper-light, dusty teal — the color of sea glass.
- Sky (#66C8DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A96): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00384D): 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
- Tempered Cobalt Villa color palette (#E6FAF9, #88BEE8, #0070C3, #00526C, #0F3164)
- Linen Aqua color palette (#FFEBF9, #00D1EF, #007BAB, #005345, #00183C)
- Antique Denim color palette (#D6EAE7, #57ACC5, #00607E, #003D43, #002234)
- Chalky Azure Study color palette (#FFF2EC, #66DEF6, #0098D1, #007462, #093263)
- Worn Terrace color palette (#D9FFF2, #69E1D3, #00B3C2, #007749, #003F36)
- Navy Canyon color palette (#E1F1F0, #5287A7, #004067, #00212B, #00091A)
- Washed Teal color palette (#A3FEE1, #00AD8C, #006950, #003B2B, #002018)
- Sky Grove color palette (#FFF0FB, #88EBFF, #40B4FE, #009C70, #1E2C68)
Browse the whole catalog at Explore, or see today's palette.