Softworn Petrol Villa color palette — #F5F7E9 · #83C4CF · #007B92 · #005656 · #00394A
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F5F7E9): a clean, paper-quiet neutral.
- Ash (#83C4CF): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00394A): 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 Villa 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
- Airy Aqua color palette (#FEEEE7, #4FCFE1, #007CA5, #005342, #001A37)
- Pale Cobalt color palette (#F3F7E9, #89BEE6, #0070C0, #00526B, #002F6D)
- Denim Lagoon color palette (#E5E6DD, #6FA9B7, #006179, #003D40, #002332)
- Tempered Cobalt Boulevard color palette (#F3F7EA, #AADACA, #3483CB, #006280, #1F406D)
- Gentle Villa color palette (#E5FAF7, #7FEDFF, #00BEE2, #009799, #00394B)
- Muted Dune color palette (#FFF0FC, #68DEF0, #0099CB, #00755D, #003362)
- Abyss Market color palette (#EBF0DF, #4B89A7, #004162, #002129, #000A18)
- Terracotta Boulevard color palette (#EDE6C7, #856F00, #00774F, #9D0703, #2C2300)
Browse the whole catalog at Explore, or see today's palette.