Worn Petrol Corridor color palette — #E2FBF8 · #71C5DE · #00799C · #00555C · #003850

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

The five colors

• Ivory (#E2FBF8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#71C5DE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cobalt Basin color palette (#FCEDF7, #85C7DA, #0079B2, #005349, #001349)
• Feathered Cobalt color palette (#DFFCFC, #8EBDE9, #216DC6, #005171, #122D6D)
• Timeworn Lagoon Station color palette (#EAF9F5, #94DED9, #009196, #006858, #004951)
• Sky Meadow color palette (#F4F8E4, #97E8FF, #00BBEF, #0096A2, #003850)
• Timeworn Denim Villa color palette (#D7E5E3, #6FA8BF, #005F83, #003D46, #002238)
• Tempered Azure color palette (#FFF2EB, #8FD7ED, #0095DB, #007467, #092C71)
• Misty Seafoam Coast color palette (#CEFFF1, #39E8D7, #00BBC7, #007A4E, #00443B)
• Antique Navy color palette (#D7E4E4, #5087AD, #003E6D, #00202D, #00081D)

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