Petrol Orchard color palette — #E4F5FF · #D3D6E5 · #C1BCE8 · #48818D · #1B2F3D
Built around Slate, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Ivory (#E4F5FF): A whisper-light, dusty blue — the color of deep harbor water.
- Silver (#D3D6E5): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender (#C1BCE8): A luminous, dusty violet — the color of wild irises.
- Slate (#48818D): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#1B2F3D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.
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
- Muted Ash color palette (#E9F3FF, #D7D5E2, #CFAFC8, #7895B0, #37404F)
- Aged Balcony color palette (#E7FBEF, #BDE6EC, #B4BCEC, #468380, #315045)
- Soft Lilac color palette (#E3F0FF, #C0D7FF, #9E9EFF, #0070A3, #072048)
- Tempered Workshop color palette (#EFF1FF, #EFD3FF, #CA9AC3, #656193, #232235)
- Tempered Cobalt color palette (#D3E1EC, #5C9CD7, #5C77C2, #00475B, #000813)
- Dusty Pewter Workshop color palette (#EDF2FC, #A2ACF8, #8762A5, #585E99, #0D0C1A)
- Quiet Balcony color palette (#E6EDFF, #8080C4, #7851AF, #00285D, #01000E)
- Tempered Market color palette (#E8F3FF, #82C59A, #2C5880, #16293B, #070D14)
Browse the whole catalog at Explore, or see today's palette.