Petrol Orchard color palette — #E7FAF4 · #FFDDD3 · #557A9C · #1A3B56 · #06120F

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E7FAF4): A whisper-light, dusty teal — the color of glacier melt.
• Shell Pink (#FFDDD3): A whisper-light, dusty orange — the color of toasted spice.
• Slate (#557A9C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#1A3B56): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#06120F): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Canyon color palette (#FCF2FA, #F6E5AF, #64759F, #472F43, #160B14)
• Dusty Field color palette (#EEF8EF, #F0DEBF, #22858B, #214127, #09120A)
• Cerulean Villa color palette (#EEF6FC, #B8E2BB, #619EBB, #366A82, #14242E)
• Faded Corridor color palette (#FFF0F8, #C3E88E, #655ABC, #2B2558, #14000C)
• Aged Denim Canyon color palette (#E7F6EF, #95C099, #005D7E, #003021, #050F0B)
• Aged Denim Balcony color palette (#EDF6FF, #D6A089, #005686, #163046, #171A28)
• Timeworn Cobalt Studio color palette (#EEF8F4, #D4DDFA, #C484C1, #3692CD, #1D0D10)
• Airy Lilac color palette (#FFF0F8, #A4A5FF, #B06270, #7C5400, #112215)

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