Petrol Orchard color palette — #DBEDEC · #82BBE0 · #2870A7 · #00485C · #001531
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBEDEC): bright and airy, almost weightless.
- Sky (#82BBE0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2870A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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
- Patina Petrol Drift color palette (#F6EDE0, #87B8D7, #326AA6, #004E5A, #192A5A)
- Cypress Meadow color palette (#DCEDE9, #73C3C2, #007A82, #004C43, #001A1F)
- Glacier Chapel color palette (#E0F8F3, #6BE4F2, #0093A9, #00625F, #002A36)
- Ancient Cerulean color palette (#DCF1EE, #1598B9, #00516C, #002B30, #00050B)
- Gentle Cobalt color palette (#FAE9F0, #A3CAE7, #5E84D2, #006C66, #302355)
- Plum Villa color palette (#FBE0E2, #C60045, #7B5600, #632D8A, #150217)
- Weathered Grove color palette (#E1ECDF, #AC7D23, #764A00, #4B2700, #001305)
- Quiet Amber Workshop color palette (#FEE4FF, #FFB1A5, #D98A66, #8F4960, #2E090A)
Browse the whole catalog at Explore, or see today's palette.