Worn Petrol color palette — #CCF1F1 · #007D93 · #004868 · #2A1F40 · #15011D

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

The five colors

• Honeydew (#CCF1F1): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007D93): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004868): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#2A1F40): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#15011D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Muted Cypress Alley color palette (#D6F1E0, #00846B, #005150, #04264E, #030326)
• Quiet Cobalt Balcony color palette (#DBEDF8, #2B72B1, #2A3B75, #330E30, #1D0002)
• Cobalt Loft color palette (#D4EEFF, #007BAF, #00405D, #001321, #000103)
• Wandering Study color palette (#E6EBD7, #2298BA, #00506E, #002B31, #00050B)
• Linen Parlor color palette (#BEE9DE, #298791, #004E79, #4E152A, #340B05)
• Hushed Cabin color palette (#D0ECF7, #00657F, #3B5200, #002F3D, #020300)
• Lagoon Cabin color palette (#D8EDE1, #009DA5, #3A6899, #512417, #110100)
• Cypress Corridor color palette (#EEF2E4, #007B59, #004035, #002611, #000402)

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