Petrol Orchard color palette — #FAF4EB · #C6E4DC · #768AB3 · #286B82 · #5A3D50
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Silver (#C6E4DC): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#768AB3): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#286B82): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#5A3D50): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Ancient Market color palette (#F6F1EB, #C0E6DC, #8188C3, #006B72, #40202D)
- Washed Cobalt color palette (#FBF4E9, #A4D4FD, #527FC6, #006378, #323B6C)
- Timeworn Quarry color palette (#FBF2F5, #D8DBF1, #98A1D5, #008B92, #503F62)
- Dusty Summit color palette (#F9F4EE, #C6E9E7, #77A494, #58785A, #5F4A61)
- Bronze Villa color palette (#FFF1F4, #A770B4, #A07100, #00787D, #4C2E35)
- Tempered Driftwood Meadow color palette (#FFF1F3, #E3D8D2, #EFAFB4, #877AAD, #604042)
- Weathered Station color palette (#F4E9D9, #549DA1, #005362, #003127, #001721)
- Cerulean Station color palette (#FBF4E9, #B0CEB6, #1785A1, #006155, #134436)
Browse the whole catalog at Explore, or see today's palette.