Petrol Orchard color palette — #E8F1EA · #73BCDD · #006DAB · #004F55 · #132D55
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Sky (#73BCDD): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006DAB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#132D55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Worn Petrol color palette (#F3E4EB, #89BCD3, #246EB1, #004B4A, #0A0D3F)
- Hazy Cerulean color palette (#D0E8EA, #00A0B4, #006C8B, #004061, #201F4D)
- Timeworn Sky color palette (#EDF0E3, #B2DFCA, #42B0EB, #008DA5, #003051)
- Patina Harbor color palette (#E5F3E8, #5CAFAA, #00636C, #00402D, #00242E)
- Softworn Lilac color palette (#DDEFFF, #B9D3FF, #AB95D8, #006476, #22364F)
- Aged Cerulean color palette (#EAFAED, #87E0E1, #008FA3, #006953, #02475D)
- Tempered Cobalt color palette (#F7ECE4, #A2D1BA, #4E8BC5, #006C69, #1E285C)
- Misty Azure color palette (#D0E8FF, #029AEB, #00548C, #002C4B, #00172E)
Browse the whole catalog at Explore, or see today's palette.