Petrol Orchard color palette — #F0F6FB · #DAD9E2 · #C2BCCD · #507999 · #43484E

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DAD9E2): bright and airy, almost weightless.
• Stone (#C2BCCD): A luminous, dusty violet — the color of wild irises.
• Slate (#507999): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#43484E): 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

• Wandering Workshop color palette (#ECF3F9, #D9D7E5, #C3BAC6, #597991, #242D35)
• Cerulean Hollow color palette (#EEF8F4, #E0D4D0, #A7A293, #6496B4, #424A46)
• Grape Hollow color palette (#F3F4FD, #E0D5E2, #C3B4DA, #7653B1, #3D3F4C)
• Hushed Field color palette (#EFF6FF, #AFB7D7, #967596, #526D53, #305658)
• Olive Quarry color palette (#EEF8F0, #B5B286, #697C39, #365F77, #34483E)
• Antique Navy Chapel color palette (#E9F1FA, #9FA9BE, #8178A4, #00376D, #071424)
• Ancient Iris color palette (#F0F5FF, #CADFFF, #8EB5FF, #9673BF, #35415E)
• Antique Aubergine Studio color palette (#EBE9F0, #BEB4C6, #9D84A0, #682463, #211C2C)

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