Petrol Orchard color palette — #EEF2F9 · #D7D4E0 · #B3B5CC · #4A6494 · #1A212B
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF2F9): bright and airy, almost weightless.
- Silver (#D7D4E0): a clean, paper-quiet neutral.
- Ash (#B3B5CC): A luminous, dusty violet — the color of wild irises.
- Slate (#4A6494): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#1A212B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Petrol color palette (#F8F3F8, #E5D5D5, #C3ADAF, #3364A4, #433543)
- Pewter Courtyard color palette (#F3F0F8, #E2D1DA, #CCB8CB, #91527F, #282230)
- Timeworn Veranda color palette (#F0F0FF, #D5D0E6, #B2A5BF, #7338A4, #17162F)
- Dusty Cobalt color palette (#F1F6FC, #DED9E3, #C1AFB3, #5F8CC6, #282F37)
- Fern Delta color palette (#D1DFFB, #9C9DB9, #817392, #584E20, #042F28)
- Patina Navy color palette (#DADFE7, #B0B2BF, #8C8AA2, #313C7D, #050A18)
- Hushed Pine Harbor color palette (#E8F6EE, #7AAC9D, #44723F, #304960, #00221B)
- Grape Veranda color palette (#E6EAFA, #664CBB, #24213B, #080B1A, #010206)
Browse the whole catalog at Explore, or see today's palette.