Petrol Corridor color palette — #F0F7F4 · #91C9E3 · #8772A3 · #00789C · #3A282F

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Sky (#91C9E3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#8772A3): A full-bodied, dusty violet — the color of twilight just after sunset.
• Teal (#00789C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3A282F): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Driftwood Summit color palette (#EEF4EF, #84D2DB, #A46AA8, #00818C, #1E1214)
• Cobalt Summit color palette (#F9F3F7, #B3BDEE, #A86584, #5B65B0, #3A2928)
• Cobalt Thicket color palette (#F2F7F0, #B0C9A4, #4284B1, #007F6F, #22322D)
• Wandering Cerulean Thicket color palette (#EFF6FA, #90E0EC, #B886C1, #059EAF, #2E2C39)
• Wandering Chestnut color palette (#FCF4E8, #8BAAD4, #7B6DA3, #7E4C08, #53414F)
• Aubergine Parlor color palette (#D8FFF3, #D2B1CE, #7A7CB2, #6A4797, #5F2F6D)
• Tempered Cerulean Chapel color palette (#EFF7F5, #DDD5D2, #AAA194, #6086AB, #485652)
• Timeworn Grape Boulevard color palette (#E8FAF5, #61A7EC, #843BB1, #005899, #261234)

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