Worn Petrol color palette — #D2F9F7 · #007B88 · #004F60 · #002B3D · #000D1B

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

The five colors

• Honeydew (#D2F9F7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007B88): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002B3D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000D1B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Worn 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

• Worn Courtyard color palette (#E2F3F6, #006C8F, #003D5D, #001D3D, #000116)
• Worn Cerulean Meadow color palette (#C2ECEB, #009FA9, #007388, #00445B, #00233F)
• Patina Balcony color palette (#D7F3E5, #007696, #8E3C00, #003C4E, #130400)
• Softworn Pine color palette (#DFF3DD, #00844F, #00553F, #002B27, #000B0B)
• Washed Navy color palette (#C9EEFB, #007DB7, #004C8E, #001564, #06002B)
• Weathered Delta color palette (#D0EFE1, #9BB7E3, #847EC7, #005059, #000F1D)
• Pale Mulberry color palette (#CFE4DA, #006083, #8A0056, #3D3F00, #000408)
• Softworn Canyon color palette (#DDF0FF, #146EC0, #2228C9, #200068, #0F0029)

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