Petrol Orchard color palette — #ECF8F7 · #C8E0F4 · #688EB2 · #116C89 · #324968
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#C8E0F4): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#688EB2): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#116C89): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#324968): A full-bodied, dusty blue — the color of open sky before noon.
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
- Weathered Canyon color palette (#F7EFF3, #C7E0F5, #758EBB, #006B73, #212A48)
- Antique Grove color palette (#D7ECE8, #62ACB6, #006273, #003E3D, #00242F)
- Hushed Abyss color palette (#D8E8E6, #50899E, #00425B, #002227, #000A15)
- Lagoon Quarry color palette (#FBF4EE, #C6E3E6, #88A5D9, #008B94, #5B3D4F)
- Hushed Station color palette (#EEF7F5, #A4CDD9, #008893, #006157, #00424E)
- Airy Petrol color palette (#E4F2F1, #8CB6DD, #2968B4, #004B69, #142A5C)
- Hushed Bronze color palette (#DAFEF6, #6D9751, #008C92, #925B0B, #1E3F39)
- Hushed Driftwood Field color palette (#E0FDF6, #BAE7F7, #A8DBC6, #778651, #32524D)
Browse the whole catalog at Explore, or see today's palette.