Petrol Orchard color palette — #E9F4F9 · #D3D5E9 · #B2B6C6 · #22707F · #182227

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

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Silver (#D3D5E9): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B2B6C6): A luminous, dusty violet — the color of a velvet chair.
• Teal (#22707F): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#182227): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Quarry color palette (#EEF7FC, #D5D9E5, #A4B5C7, #026E8D, #2D3D47)
• Denim Pier color palette (#E9F3FF, #CED2E9, #B0A4C9, #2159A6, #0E1B2B)
• Wandering Coast color palette (#EEF8F2, #CEDFE0, #B8B4A8, #4196B1, #25322B)
• Aged Periwinkle color palette (#D6ECEF, #7CA0D4, #716A87, #375441, #142D1E)
• Tempered Abyss Dune color palette (#E3F1FB, #A9B4C4, #898BA2, #004B61, #030C12)
• Jade Station color palette (#E3F8ED, #76B177, #137465, #31495C, #00221F)
• Eclipse Petrol color palette (#D8ECFF, #0068AC, #1E2240, #040D17, #000304)
• Washed Navy color palette (#DADFED, #8D8AA0, #726679, #231C61, #000107)

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