Petrol Orchard color palette — #EBF3F9 · #D9D5EC · #BDBCD7 · #0D74A1 · #162733
Slate and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EBF3F9): bright and airy, almost weightless.
- Silver (#D9D5EC): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#BDBCD7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#0D74A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#162733): 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
- Softworn Petrol Orchard color palette (#EFF6FD, #D8D8EA, #B2BDCF, #276EA9, #314252)
- Softworn Boulevard color palette (#E2EAF2, #C3CBE2, #A4A0B6, #275982, #0B1722)
- Driftwood Station color palette (#F1F1F9, #DFD4DB, #BEACA7, #807EA0, #35353D)
- Patina Courtyard color palette (#EFF1FF, #DACDEC, #BF9FBF, #6C3EA5, #17182B)
- Aubergine Thicket color palette (#E1E5F4, #A29BB6, #89738E, #382470, #020311)
- Wandering Terracotta Dune color palette (#E6F4FF, #1092CC, #903600, #403A00, #1C1800)
- Washed Cabin color palette (#B0EFFF, #A2AAF9, #A26F91, #4B5730, #0C3C31)
- Smoked Alley color palette (#D1DFF9, #3A48FF, #381D41, #050F24, #000409)
Browse the whole catalog at Explore, or see today's palette.