Petrol Orchard color palette — #F8ECE3 · #87BACE · #006CB0 · #00504C · #1B2A59
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Ash (#87BACE): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1B2A59): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Station color palette (#F6ECE7, #9BBB9D, #00748C, #005235, #00314D)
- Timeworn Petrol color palette (#E1ECEA, #90BAD3, #00749F, #004A54, #001829)
- Softworn Meadow color palette (#FDF3EB, #A2D1BE, #537AAE, #005F62, #323661)
- Worn Ultramarine color palette (#E9DFD4, #76A4CC, #304DAD, #003D45, #210E4E)
- Wandering Denim Lagoon color palette (#FCE7DE, #4E9DA9, #00516D, #003126, #00142C)
- Muted Periwinkle Coast color palette (#F4ECF0, #A1DDF5, #3FABFF, #00928A, #1C2A56)
- Muted Cypress color palette (#FBF3EF, #CEE3CF, #4C96AB, #317053, #245145)
- Dusty Plum Cabin color palette (#FCD7D2, #B72A6D, #006F57, #005260, #390B20)
Browse the whole catalog at Explore, or see today's palette.