Softworn Petrol Corridor color palette — #D7E8CC · #54A5A0 · #10727D · #2D3665 · #2C1221

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D7E8CC): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#54A5A0): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#10727D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2D3665): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#2C1221): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Softworn Petrol Corridor 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

• Softworn Petrol Veranda color palette (#CBF8FC, #5595AA, #28668E, #462D60, #27102C)
• Weathered Denim Pier color palette (#E5F1E1, #6EABAC, #497D8C, #484A73, #3E222F)
• Ancient Cocoa Corridor color palette (#E0E3C8, #6BA385, #2C727E, #6B373A, #412C41)
• Dusty Cypress color palette (#F2F1DE, #789C79, #177B5E, #004159, #001D38)
• Patina Turquoise color palette (#D1F9FD, #00A7B3, #00666E, #003135, #000506)
• Feathered Amethyst color palette (#D4E5D6, #00909A, #8039D8, #005157, #180530)
• Tempered Grove color palette (#CBE5ED, #2E7397, #004485, #33153E, #170012)
• Airy Sapphire Delta color palette (#E7EBE1, #8CC0B1, #0069CA, #004762, #051334)

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