Petrol Orchard color palette — #DEEDEB · #6FBFE3 · #0073A5 · #004957 · #00172B
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#DEEDEB): bright and airy, almost weightless.
- Sky (#6FBFE3): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00172B): A deep, shadowed, 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
- Petrol Meadow color palette (#F4EEE4, #89B9CF, #156EA5, #004F54, #142D53)
- Teal Studio color palette (#DDF4EF, #40B0AA, #006568, #003A30, #000E10)
- Glacier Drift color palette (#E7F6F2, #70E5E7, #0094A0, #006359, #002B32)
- Worn Cobalt Coast color palette (#F9EAF1, #92CEE7, #4888D5, #006E5E, #29255A)
- Weathered Archive color palette (#DBEAEA, #4D7DA8, #003A76, #001D2B, #00000B)
- Tempered Plum Atelier color palette (#EBDADE, #C30062, #855100, #553491, #1D0009)
- Blush Lagoon color palette (#F6D9FE, #FFA2A1, #D38165, #86405F, #271528)
- Dusty Bronze color palette (#F7DBE6, #B1792C, #7C4500, #4D2507, #001303)
Browse the whole catalog at Explore, or see today's palette.