Petrol Orchard color palette — #FFF0FE · #60A983 · #257299 · #713C3C · #17444D
Slate takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Jade (#60A983): A luminous, balanced teal — the color of sea glass.
- Slate (#257299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#713C3C): A full-bodied, dusty orange — the color of toasted spice.
- Deep Teal (#17444D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Softworn Teal Dune color palette (#FFF1F6, #75B6AD, #63789B, #735134, #324C57)
- Worn Taupe Harbor color palette (#FFF0FD, #989E56, #007A74, #663D61, #234440)
- Garnet Thicket color palette (#FCF0DD, #55AE9D, #007790, #732351, #0F2910)
- Olive Archive color palette (#FFF0F7, #98B9A2, #687B48, #3A6168, #34483A)
- Pale Mulberry Parlor color palette (#E6FCEA, #67C5B2, #3493AD, #90476D, #16444F)
- Hushed Ultramarine color palette (#DEFFE5, #009EAB, #5453AB, #584200, #003B52)
- Softworn Denim color palette (#FFDCCC, #00917D, #00519C, #5E2400, #002F35)
- Cerulean Bloom color palette (#FBF2F6, #C0E2F8, #6E8CB5, #2A6F64, #444368)
Browse the whole catalog at Explore, or see today's palette.