Petrol Orchard color palette — #EEF2F9 · #DED6E2 · #C6B9C2 · #64749D · #282C34

Built around Slate, softened by Silver — the whole palette hums with sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#DED6E2): a clean, paper-quiet neutral.
• Stone (#C6B9C2): soft and architectural.
• Slate (#64749D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#282C34): a grounded near-black with real depth.

Feels like: 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

• Hushed Petrol color palette (#F2F5FC, #DCD8E1, #C3BBC9, #6A6FA2, #44484F)
• Wandering Pewter color palette (#F2F0FE, #E7D0DB, #D5B4CA, #8A5193, #252331)
• Antique Boulevard color palette (#DDEEFF, #B0B4D6, #9B819C, #406262, #1D3838)
• Patina Boulevard color palette (#E2E9F7, #9F9DB2, #867392, #2B2D6A, #010310)
• Tempered Lantern color palette (#EBF5EC, #ACBA8A, #558165, #595069, #122D26)
• Antique Corridor color palette (#EAE7F3, #D3C6D4, #B59BA8, #763D6C, #17131F)
• Ancient Violet Parlor color palette (#E6E8FF, #865BBF, #372B40, #141520, #04060B)
• Softworn Garnet color palette (#EEE8F1, #C2ABBC, #80947E, #682C46, #0F0714)

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