Worn Petrol Harbor color palette — #DAF9F7 · #57A9C2 · #32719D · #563964 · #042638

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DAF9F7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#57A9C2): A luminous, balanced blue — the color of deep harbor water.
• Slate (#32719D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#563964): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#042638): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Antique Periwinkle color palette (#FDEBFF, #7C9ED1, #626599, #67324B, #172337)
• Teal Orchard color palette (#DFF8F1, #52B092, #217A77, #2E4574, #00282D)
• Hushed Market color palette (#E6F6F1, #90BEB6, #52825A, #395C5E, #0E2D29)
• Timeworn Basalt color palette (#D8EDFF, #ACBED5, #7E89A5, #615570, #44304B)
• Timeworn Cobalt color palette (#DCEDF9, #0080A9, #233341, #071822, #01070C)
• Washed Meadow color palette (#FFF3E7, #3DAAA8, #366DA4, #733F00, #264532)
• Hushed Cobalt color palette (#F2F8E6, #71BDDB, #4A8BC5, #7C4E89, #224538)
• Pale Quarry color palette (#E0F5EB, #0085D1, #213DC1, #580048, #00122A)

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