Petrol Orchard color palette — #F9EFF2 · #BD9367 · #2B79A7 · #713B2B · #371D30

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

The five colors

• Ivory (#F9EFF2): a clean, paper-quiet neutral.
• Camel (#BD9367): A luminous, dusty gold — the color of honey in a jar.
• Slate (#2B79A7): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#713B2B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#371D30): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Alley color palette (#E7F6F1, #90A666, #7467A2, #6D3E2C, #381C2F)
• Tempered Cypress color palette (#F7EFF6, #CD8685, #008473, #69395B, #2E2139)
• Muted Moss color palette (#EBF8F6, #70AA5C, #237C96, #4F4F72, #54374E)
• Softworn Market color palette (#FAF5E9, #C2B350, #6E8DC0, #8C5668, #5C3732)
• Ash Harbor color palette (#E2F9E7, #AFCBC8, #6E98A8, #6E5F6F, #4A3B4B)
• Tempered Periwinkle color palette (#F7EFF2, #D9D0E3, #889AD0, #267978, #323449)
• Washed Grape color palette (#E6F6F3, #649E62, #80489B, #503F00, #271D00)
• Wandering Pier color palette (#D4F9ED, #86C09A, #009D8E, #026C78, #1A3445)

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