Petrol Orchard color palette — #D0EDE1 · #0073A2 · #00335D · #0E181D · #000810
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0EDE1): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00335D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#0E181D): quiet, heavy and certain.
- Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Azure Thicket color palette (#E2F3EE, #0897F2, #2E579C, #173752, #000A06)
- Washed Cypress Orchard color palette (#DEF4DA, #007B74, #003A3E, #0A1B1B, #010A00)
- Velvet Sapphire Boulevard color palette (#EADBEA, #0069C8, #192B6C, #110013, #000202)
- Midnight Alley color palette (#D8F7E9, #005A7C, #081141, #071619, #000302)
- Hushed Atelier color palette (#E8EAD9, #56C2CE, #0093AA, #006D6A, #00171F)
- Washed Terrace color palette (#EBD8E4, #8F93FF, #6A5B9C, #54374A, #190D17)
- Violet Harbor color palette (#FFE5F2, #8F6BFF, #5C4974, #412535, #080306)
- Powder Villa color palette (#F8EEF7, #8AB9FC, #8A7384, #5B505B, #1C2321)
Browse the whole catalog at Explore, or see today's palette.