Worn Petrol Loft color palette — #F6EDDE · #69B0B1 · #007384 · #004C3B · #001720

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

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#69B0B1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001720): 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 Worn Petrol Loft 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

• Hushed Petrol Pier color palette (#ECE5DA, #97BBA4, #0080A8, #005A55, #002139)
• Ancient Denim color palette (#E9E2D7, #739D8B, #005C94, #003B40, #000720)
• Muted Lagoon color palette (#E5F2E7, #27CFD2, #007485, #003F31, #000305)
• Petrol Summit color palette (#E7E0D6, #6EA9D1, #1D66B5, #004855, #050545)
• Gentle Pine color palette (#F6EBF6, #4AC5C7, #0090B7, #00722F, #00132E)
• Ancient Dune color palette (#FDF4E5, #98D7E1, #009BC1, #007368, #003753)
• Airy Emerald color palette (#CDEAD4, #00A358, #00653E, #003117, #000201)
• Aged Boulevard color palette (#EEF0DE, #6A8300, #2E6100, #004315, #00160A)

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