Softworn Petrol Villa color palette — #F4F6EE · #C0DCCD · #599FC2 · #007A89 · #103F5B

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#C0DCCD): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#599FC2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#103F5B): 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

• Weathered Cerulean Coast color palette (#F3F7EE, #C5E1E5, #86A7D3, #3284AB, #35476B)
• Ancient Balcony color palette (#E3E3D2, #6FAFAF, #00747D, #004B43, #00181D)
• Worn Lagoon Dune color palette (#EFF0E2, #B0CEAD, #00999F, #006E5D, #00353B)
• Hushed Cobalt color palette (#DFE2D5, #8BB8D4, #007BBF, #00566B, #001F40)
• Washed Canyon color palette (#FCF3EE, #A4D1BA, #167EC4, #00605A, #4B3047)
• Antique Emerald color palette (#D2E8D5, #6EBC8C, #00A170, #007257, #004338)
• Ancient Corridor color palette (#EBFBE5, #B6E8DA, #6FD3E8, #009E77, #2A4326)
• Cobalt Garden color palette (#DAEBD2, #00AD96, #0090E0, #797E00, #1E3212)

Browse the whole catalog at Explore, or see today's palette.